2022 January 08 Archive - EXEIdeas – Let's Your Mind Rock

After my previous article that is “How To Disable Highlighting The Text From DIV, Blog And Website?” I am here to share the CSS version that is also better than that in some ways that are quick to load than that and also will work on JavaScript blocker because it is not a JavaScript code but it will not full-fill all the features of JavaScript code.So as you wish and what you want to use but I am here to share all the way to Stop Highlighting Using CSS and secure your content. All you need to do is use a CSS selector class of selection and define the style to use on your text when a visitor tries to highlight the test. But what if you want to do the opposite and want to disable your visitor from highlighting the text altogether? There is an experimental property called user to select which will allow you to define new instructions when the visitor tries to highlight your content.This feature can be a good way of making it harder for people to highlight your content and copy it into their own website. This is currently supported on WebKit, Firefox and IE 10. To use the property you need to prefix it with the different browser prefixes but you should also place the non-prefixed version to future proof the property.There are many code snippets available online or on many other blogs and websites but everyone is not able to optimize your blog or website so you need some optimized code snippet. So now checkout out the code snippet for your blog and website that will give you all features for your desired code. Now grab the ready to use code and paste it where you want.Features:1.) It Will Disable Highlighting Text Of Your Whole Blog Or A DIV Only.2.) It Will Disable Highlighting Via Mouse As Well As Keyboard.3.) Simple And Short Pure CSS Code.4.) Easy To Install And Quick, Quick, Quick To Load.5.) It Will Help You To Secure Your Content.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire Blog.3.) Go To Layout.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT”6.) Click “+” Icon To Add It.7.) Now Copy The Below Code And Paste It To There.8.) Leave The Title Empty.9.) Click Save, Now You Are Done.How To Add In Website?1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between .3.) Save It, Now You Are Done.Disable Whole Web Page: body {-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Disable All Span Tags: span {-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Disable All P Tags: p {-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Disable Selected DIV Tag: #DIV {-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Disable Selected Class Tag: .class {-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Disable Blog Post Only: .post{-webkit-user-select: none; /* Webkit */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE 10 *//* Currently not supported in Opera but will be soon */-o-user-select: none;user-select: none;} Customization:1.) The values on this property are:Auto – Visitors can select all content in the element.None – Selecting content is disabled.Text – Can only select text content.2.) Save and done.Troubleshooting the ErrorsDo it with concentration and patience. Check your alls steps and again and all codes or scripts. If you find any error you can contact us anytime via comment or better via email, We are always here to help you.Final Words:That’s all we have. We hope that you liked this article. If you have any problem with this code in your template then feel free to contact us with a full explanation of your problem. We will reply to you as time allows us or If you have any doubts and problems please comment below. We are happy to help you! If you liked this article, Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy development, See you in the next article.