ஒரு இணைப்பை மறைத்து CSS பல வழிகளில் செய்ய முடியும், ஆனால் ஒரு URL ஐ பார்வையிலிருந்து முற்றிலும் மறைக்கக்கூடிய இரண்டு முறைகள் காணலாம். உங்கள் தளத்தில் ஒரு தோட்டி வேட்டை அல்லது ஈஸ்டர் முட்டை உருவாக்க விரும்பினால், இது இணைப்புகள் மறைப்பதற்கு ஒரு சுவாரசியமான வழி.
முதல் வழி சுட்டிக்காட்டி நிகழ்வுகள் CSS சொத்து மதிப்பு "none" பயன்படுத்தி உள்ளது. மற்றொன்று பக்கத்தின் பின்னணியுடன் பொருந்தக் கூடிய உரையை வெறுமையாக்குகிறது.
மூல முறையைத் தேடும்போது எந்த முறையிலும் இணைப்பு முற்றிலும் மறைந்துவிடும் என்பதை நினைவில் கொள்ளுங்கள். இருப்பினும், பார்வையாளர்கள் அதைக் காணும் எளிய, நேர்மையான வழியைக் கொண்டிருக்க மாட்டார்கள், மேலும் உங்கள் புதிய பார்வையாளர்கள் இணைப்பைக் கண்டுபிடிக்க எப்படி ஒரு குறிப்பைக் கொண்டிருக்க மாட்டார்கள்.
குறிப்பு: வெளிப்புற நடை தாளை இணைப்பது எப்படி என்பதைப் பற்றிய அறிவுரைகளை நீங்கள் தேடுகிறீர்கள் என்றால், இந்த வழிமுறைகளை நீங்கள் பின் தொடர்கிறீர்கள். என்ன வெளிப்புற நடை தாள்? பதிலாக.
பாயிண்டர் நிகழ்வு முடக்கவும்
ஒரு URL ஐ மறைக்க பயன்படுத்தக்கூடிய முதல் முறை இணைப்பு ஒன்றும் செய்யாமல் உள்ளது. சுட்டி இணைக்கப்பட்டிருக்கும்போது, அது URL புள்ளிகள் என்ன என்பதைக் காட்டாது, அதை நீங்கள் கிளிக் செய்ய மாட்டோம்.
HTML ஐ சரியாக எழுதுங்கள்
வலைப்பக்கத்தில் ஒன்று, ஹைப்பர்லிங்க் இதைப் போன்றது என உறுதிசெய்கிறது:
ThoughtCo.comநிச்சயமாக, "https://www.thoughtco.com/" நீங்கள் மறைக்க வேண்டும் என்று உண்மையான URL சுட்டிக்காட்ட வேண்டும், மற்றும் ThoughtCo.com நீங்கள் இணைப்பு விவரிக்கும் எந்த வார்த்தை அல்லது சொற்றொடரை மாற்ற முடியும்.
இங்கே யோசனை வர்க்கம் செயலில் இணைப்பை மறைக்க கீழே CSS பயன்படுத்தப்படுகிறது என்று.
இந்த CSS கோட் பயன்படுத்தவும்
CSS குறியீடானது, செயலில் உள்ள வர்க்கத்தை உரையாட மற்றும் உலாவியில் இணைப்பைக் கிளிக் செய்ய வேண்டும், இதைப் போன்ற "எதுவும் இல்லை":
.active {pointer-events: none; கர்சர்: இயல்புநிலை; }JSFiddle இல் இந்த வழிமுறையை நீங்கள் நடவடிக்கை எடுக்கலாம். நீங்கள் அங்கு CSS குறியீட்டை நீக்கிவிட்டால், தரவை மறுதொடக்கம் செய்தால், இணைப்பு திடீரென கிளிக் செய்யக்கூடியது மற்றும் பொருந்தக்கூடியது. ஏனென்றால் CSS பயன்படுத்தப்படாவிட்டால், இணைப்பு பொதுவாக செயல்படுகிறது.
குறிப்பு: பயனர் பக்கத்தின் மூலக் குறியீட்டைப் பார்வையிட்டால், அவர்கள் இணைப்பைப் பார்ப்பார்கள், எங்கு செல்கிறார்கள் என்பதைப் புரிந்துகொள்வார்கள், ஏனெனில் நாம் மேலே பார்த்தால், குறியீடானது இன்னும் இருக்கிறது, அது பொருந்தக்கூடியது அல்ல.
இணைப்பு வண்ணத்தை மாற்றவும்
வழக்கமாக, ஒரு வலை வடிவமைப்பாளர் பின்னணிக்கு விட வித்தியாசமான நிறத்தை உருவாக்குகிறது, இதனால் பார்வையாளர்கள் உண்மையில் அவற்றைப் பார்க்க முடியும் மற்றும் அவர்கள் எங்கு செல்கிறார்கள் என்பது தெரியவரும். எனினும், நாங்கள் இணைப்புகள் மறைக்க இங்கே இருக்கிறோம், எனவே பக்கம் அந்த பொருந்த நிறத்தை மாற்ற எப்படி என்று பார்ப்போம்.
தனிப்பயன் வகுப்பை வரையறுக்கவும்
மேலேயுள்ள முதல் முறையிலிருந்தே நாம் அதே எடுத்துக்காட்டைப் பயன்படுத்தினால், நாம் விரும்பும் எந்தவொரு சிறப்பு இணைப்புகள் மறைக்கப்பட வேண்டுமென்றால் வர்க்கத்தை மாற்றியமைக்கலாம்.
நாம் ஒரு வர்க்கத்தைப் பயன்படுத்தாமல், கீழே உள்ள ஒவ்வொரு கோப்பின்கீழ் இருந்து CSS ஐப் பயன்படுத்தினால், பின்னர் அவை அனைத்தையும் மறைந்துவிடும். நாம் இங்கே பின்னால் இருக்கிறோம் அல்ல, எனவே நாம் இந்த HIDEME வர்க்கத்தை பயன்படுத்தும் HTML குறியீட்டைப் பயன்படுத்துவோம்:
ThoughtCo.comபயன்படுத்த என்ன கலர் கண்டுபிடிக்க
இணைப்பு மறைக்க சரியான CSS குறியீட்டை உள்ளிட முன், நாம் பயன்படுத்த விரும்பும் நிறத்தை கண்டுபிடிக்க வேண்டும். நீங்கள் ஏற்கனவே ஒரு திட பின்னணி இருந்தால், வெள்ளை அல்லது கருப்பு போன்ற, அது எளிது. இருப்பினும், மற்ற சிறப்பு நிறங்களும் சரியானதாக இருக்க வேண்டும்.
உதாரணமாக, உங்கள் பின்னணி நிறம் e6ded1 இன் ஹெக்ஸ் மதிப்பைக் கொண்டிருப்பின், CSS குறியீட்டை சரியாகப் பொருத்துவதற்கு நீங்கள் விரும்பும் பக்கத்திற்கு அது வேலை செய்ய வேண்டும் என்று நீங்கள் அறிந்து கொள்ள வேண்டும்.
இந்த "வண்ண பிக்கர்" அல்லது "கண் சிற்றெழுத்து" கருவிகள் ஏராளமான உள்ளன, இதில் ஒன்று Chrome உலாவிக்கு ColorPick Eyedropper எனப்படும். ஹெக்ஸ் நிறத்தை பெற உங்கள் வலைப்பக்கத்தின் பின்னணி நிறத்தை மாதிரிக்காகப் பயன்படுத்தவும்.
வண்ணத்தை மாற்றுமாறு CSS ஐ தனிப்பயனாக்கவும்
இப்போது உங்களுக்கு இணைப்பு இருக்கும் வண்ணம் இருக்க வேண்டும், அது CSS குறியீடு எழுத, மேலே இருந்து மற்றும் தனிப்பயன் வர்க்க மதிப்பு பயன்படுத்த நேரம்:
. வண்ணம் {நிறம்: # e6ded1; }உங்கள் பின்னணி நிறம் வெள்ளை அல்லது பச்சை போன்ற எளியதாக இருந்தால், அதற்கு முன் # குறியை வைக்க வேண்டிய அவசியமில்லை:
. வண்ணம் {நிறம்: வெள்ளை; }JSFiddle இந்த முறை மாதிரி மாதிரி பார்க்கவும்.