Disable Copy Paste content from web page using CSS simple code

अगर आप वैबसाइट से कॉपी को रोकना सीखना चाहते हो तो हम आज आपको वैबसाइट से डाटा कॉपी को किस प्रकार से रोका जाता है उसके बार मे आज css कॉड के बार में जानकारी देंगे।

Download करे

Download Now

यह भी देखे :- How to apply this code on blogger website (ब्लॉगर वैबसाइट पर इस कॉड को कैसे लगाए)

(i) अगर आप पूरे डॉकयुमेंट के कॉपी को रोकना चाहते हो तो निम्न css अप्लाई कर सकते हो।

<style>
        *{
            user-select: none;
        }
        *::selection{
            background: none;
        }
        *::-moz-selection{
            background: none;
        }
</style>
अब हम आपको समझाएँगे की ये कॉड किस प्रकार से काम करता है।

(ii) अगर इसे कुछ इस प्रकार से लिखा जाये तो selection color change किया जा सकता है।

*::selection{
            background: red;
        }
Example :-
1. मेरा selection करके देखे
2. मेरा भी selection करके देखे
नोट - आपने दोनों का selection करके देखा होगा और दोनों में अंतर आपने देख लिया होगा

नीचे दिया गए कॉड से आप selection के बैक्ग्राउण्ड कलर को none कर देते हो जो किसी को selection दिखाई नहीं देता है लेकिन selection हो जाता है ओर आप उसे कॉपी कर सकते हो लेकिन आपको selection दिखाई नहीं देगा।

*::selection{
            background: none;
      }

अगर आप किसी div को selection को none या कलर को change करना चाहते हो तो निम्न प्रकार से उपयोग करे।

<style>
.sel-color::selection{
            background: red;
    color : white;
      }
</style>
<div class="sel-color">Selection Color is red</div>
यहा इस div का selection color red तथा text का color व्हाइट रहेगा। example के लिए में मेरा selection करे।

(iii) अगर आप selection को पूरे वैबसाइट से बिलकुल रोकना चाहते हो तो आप निम्न कोड का प्रयोग कर सकते हो।

<style>
        *{
            user-select: none;
        }
</style>

(iv) अगर आप किसी perticular div के selection को आप रोकना चाहते हो तो आप इस कोड को निम्न प्रकार से उपयोग मे लेवे।

<style>
        .div-none{
            user-select: none;
        }
</style>
<div class="div-none">Don't Select it.</div>
Example:
आप मेरा selection करे आप मेरा selection नहीं कर सकते हो।

अगर आप किसी सम्पूर्ण वैबसाइट से selection को समाप्त अथवा रोक दिया हो तो आप निम्न कोड का उपयोग करके आप किसी particuler टेक्स्ट का selection करवा सकते हो

<style>
        .div-sel{
            user-select: text;
        }
</style>
<div class="div-sel">Select it.</div>
Example:-
आप नीचे दिये गए सम्पूर्ण टेक्स्ट का selection नहीं कर सकते हो लेकिन बीच में लिखे गए Sapna IT Gyan Kendra शब्द का आप selection कर सकते हो।
You can easily change the formatting of selected text in the document text by choosing a look for the selected text from the Quick Styles gallery on the Home tab. Sapna IT Gyan kendra You can also format text directly by using the other controls on the Home tab. Most controls offer a choice of using the look from the current theme or using a format that you specify directly.

Post a Comment

Previous Post Next Post