سی ایس ایس کا استعمال کرتے ہوئے روابط کیسے چھپائیں

سی ایس ایس کے ساتھ ایک لنک چھپا ہو سکتا ہے کئی طریقوں سے کیا جا سکتا ہے، لیکن ہم دو طریقوں کو دیکھیں گے جس میں یو آر ایل کو دیکھنے سے مکمل طور پر چھپایا جا سکتا ہے. اگر آپ اپنی سائٹ پر ایک خرگوش شکار یا ایسٹر انڈے بنانا چاہتے ہیں تو، یہ روابط چھپانے کا ایک دلچسپ طریقہ ہے.

پہلا راستہ پوائنٹر ایونٹس سی ایس ایس پراپرٹی کی قدر کے طور پر "کوئی" استعمال کرتے ہوئے ہے. دوسرا صفحہ آسانی سے صفحے کے پس منظر سے ملنے کے لئے متن رنگنے کی طرف سے ہے.

ذہن میں رکھو کہ ذریعہ کوڈ کو تلاش کرتے وقت نہ ہی طریقہ کار لنک مل جائے گا. تاہم، مہمانوں کو ایک سادہ، سیدھا راستہ نہیں ملے گا جس میں اسے دیکھنے کے لئے، اور آپ کے نئے دوستوں کو یہ پتہ نہیں ہوگا کہ یہ لنک کس طرح تلاش کرنا ہے.

نوٹ: اگر آپ بیرونی اسٹیٹ شیٹ کو کس طرح لنک کرنے کے بارے میں ہدایات ڈھونڈ رہے ہیں، تو یہ ہدایات آپ کے بعد نہیں ہیں. بیرونی ہالی ووڈ شیٹ دیکھیں؟ بجائے.

پوائنٹر ایونٹ کو غیر فعال کریں

یو آر ایل کو چھپانے کے لئے ہم سب سے پہلے طریقہ استعمال کر سکتے ہیں لنک کو کچھ بھی نہیں کرنا. جب ماؤس لنک پر ہڑتال کرتا ہے، تو یہ یہ نہیں دکھایا جائے گا کہ یو آر ایل پوائنٹس سے کیا جاسکتا ہے اور یہ آپ کو کلک کرنے کی اجازت نہیں دے گی.

صحیح طریقے سے HTML لکھیں

ایک ویب صفحہ، یہ یقینی بنائیں کہ ہائپر لنکس اس طرح پڑھتا ہے:

ThoughtCo.com

بے شک، "https://www.thoughtco.com/" اصل URL کو اشارہ کرنے کی ضرورت ہے جسے آپ کو چھپی ہوئی ہے، اور ThoughtCo.com کو کسی بھی لفظ یا فقرہ میں تبدیل کیا جاسکتا ہے جسے آپ پسند کرتے ہیں وہ لنک بیان کرتا ہے.

یہاں خیال یہ ہے کہ کلاس فعال سی ایس ایس کے ساتھ استعمال کیا جائے گا تاکہ وہ مؤثر طریقے سے لنک چھپائے.

اس سی ایس ایس کوڈ کا استعمال کریں

سی ایس ایس کوڈ کو فعال طبقے سے خطاب کرنے کی ضرورت ہے اور براؤزر کی وضاحت کرتی ہے کہ واقعہ لنک پر کلک کریں، اس طرح "کوئی" نہیں ہونا چاہئے.

فعال {پوائنٹر واقعات: کوئی نہیں؛ کرسر: ڈیفالٹ؛ }

آپ JSFiddle پر کارروائی میں اس طریقہ کو دیکھ سکتے ہیں. اگر آپ وہاں سی ایس ایس کوڈ کو ہٹا دیں، اور پھر اعداد و شمار سے باز آتے ہیں، تو لنک اچانک کلک اور قابل استعمال ہو جاتا ہے. یہی وجہ ہے کہ جب سی ایس ایس لاگو نہیں ہوتا تو، لنک عام طور پر چلتا ہے.

نوٹ: اگر یاد رکھیں کہ صارف کا صفحہ کا ذریعہ کوڈ ملاحظہ کرتا ہے، تو وہ لنک دیکھیں گے اور پتہ چلتا ہے کہ یہ کہاں جاتا ہے کیونکہ اس طرح ہم اوپر دیکھتے ہیں، کوڈ ابھی بھی موجود ہے، یہ صرف قابل استعمال نہیں ہے.

لنک کا رنگ تبدیل کریں

عموما، ایک ویب ڈیزائنر کو پس منظر سے زیادہ مختلف رنگوں کو ہائپر لنکس بنائے گا تاکہ زائرین اصل میں انہیں دیکھ سکیں اور معلوم ہو کہ وہ کہاں جاتے ہیں. تاہم، ہم یہاں لنکس کو چھپانے کے لئے یہاں ہیں ، لہذا یہ دیکھیں کہ صفحے کے ملاپ کے رنگ کو کس طرح تبدیل کرنا ہے.

اپنی مرضی کے مطابق کلاس کی وضاحت کریں

اگر ہم ایک ہی مثال کو مندرجہ ذیل طریقے سے استعمال کرتے ہیں تو، ہم اس کلاس کو آسانی سے بدل سکتے ہیں جو چاہیں ہم چاہتے ہیں تاکہ صرف مخصوص لنکس چھپے جائیں.

اگر ہم نے کسی طبقے کا استعمال نہیں کیا اور اس کے بجائے سی ایس ایس کے نیچے سے ہر لنکس پر لاگو کیا، پھر ان سب کو غائب ہو جائے گا. یہ وہی نہیں ہے جو ہم یہاں کے بعد ہیں، لہذا ہم اس HTML کوڈ کا استعمال کریں گے جو اپنی مرضی کے مطابق حدیث کی کلاس کا استعمال کرتے ہیں.

ThoughtCo.com

استعمال کیا رنگ کا استعمال کریں

ہم لنک کو چھپانے کے لئے مناسب سی ایس ایس کوڈ درج کرنے سے پہلے، ہمیں یہ معلوم کرنا ہوگا کہ ہم کونسی رنگ استعمال کرنا چاہتے ہیں. اگر آپ کے پاس پہلے سے ہی ٹھوس پس منظر ہے تو سفید یا سیاہ کی طرح، پھر یہ آسان ہے. تاہم، دوسرے خاص رنگوں کو بھی درست ہونا ضروری ہے.

مثال کے طور پر، اگر آپ کے پس منظر کے رنگ میں e6ded1 کی ایکس ایکس قیمت ہے، تو آپ کو یہ جاننا ہوگا کہ آپ اس صفحے کے لئے مناسب طریقے سے کام کرنے کے لئے سی ایس ایس کوڈ کے لئۓٔ کام کرنا چاہتے ہیں جسے آپ اس میں غائب کرنا چاہتے ہیں.

یہ "رنگ چنندہ" یا "eyedropper" کے اوزار دستیاب ہیں، جس میں سے ایک ChromePick Eyedropper کو Chrome براؤزر کے لئے کہا جاتا ہے. ہیکس کا رنگ حاصل کرنے کے لۓ اپنے ویب صفحہ کے پس منظر کا رنگ نمونہ کرنے کا استعمال کریں.

رنگ تبدیل کرنے کیلئے سی ایس ایس اپنی مرضی کے مطابق بنائیں

اب آپ کے پاس یہ رنگ ہے کہ لنک ہونا چاہئے، اس کا استعمال کرنے کا وقت ہے اور اس سے اوپر سے روایتی کلاس کی قیمت، سی ایس ایس کوڈ لکھنے کے لئے:

.ڈیم {رنگ: # e6ded1؛ }

اگر آپ کے پس منظر کا رنگ سادہ یا سبز کی طرح آسان ہے تو، آپ کو اس سے پہلے # نشان ڈالنے کی ضرورت نہیں ہے:

.ڈیم {رنگ: سفید؛ }

اس JSFiddle میں اس طریقہ کا نمونہ کوڈ ملاحظہ کریں.