ஒரு வலைப்பக்கத்தில் இணைப்பு மாற்றுவது எப்படி

இணைப்பை அகற்றுக அல்லது நீக்கப்பட்ட Dotted அல்லது Double Underlined இணைப்புகள் உருவாக்கவும்

முன்னிருப்பாக, வலை உலாவிகள் குறிப்பிட்ட HTML உறுப்புகளுக்குப் பொருந்தும் சில CSS பாணிகளைக் கொண்டுள்ளன. உங்கள் தளத்தின் சொந்த பாணி தாள்களுடன் இந்த இயல்புநிலைகளை நீங்கள் மேலெழுதவில்லையெனில், இயல்புநிலைகள் பொருந்தும். ஹைப்பர்லிங்க்களுக்கு, இயல்புநிலை காட்சி பாணி எந்த இணைக்கப்பட்ட உரை நீலமாகவும் அடிக்கோடிடமாகவும் இருக்கும். உலாவி இதனைச் செய்கிறது, எனவே தளத்தின் பார்வையாளர்கள் எளிதாக உரை இணைக்கப்படுவதை காணலாம். பல வலை வடிவமைப்பாளர்கள் இந்த இயல்புநிலை பாணியை கவனிக்கவில்லை, குறிப்பாக அந்த அடிக்கோடிடுகின்றனர். அதிர்ஷ்டவசமாக, CSS அந்த தளத்தின் தோற்றத்தை மாற்றுவதை எளிதாக்குகிறது அல்லது அவற்றை முற்றிலும் நீக்க உதவுகிறது.

உரை இணைப்புகள் மீது அடிக்கோடிட்டு நீக்குதல்

அடிக்கோடிட்ட உரை, அடிக்கப்படாத உரை என்று படிக்க மிகவும் சவாலாக இருக்கலாம். கூடுதலாக, பல வடிவமைப்பாளர்கள் வெறுமனே கோடிட்டு உரை இணைப்புகள் தோற்றத்தை கவலை இல்லை. இந்தச் சந்தர்ப்பங்களில், நீங்கள் முற்றிலும் இந்த அடிக்கோடினை அகற்ற வேண்டும்.

உரை இணைப்புகள் இருந்து underlines நீக்க, நீங்கள் CSS சொத்து உரை அலங்காரம் பயன்படுத்த வேண்டும். இதனை செய்ய நீங்கள் எழுத வேண்டிய CSS இங்கே உள்ளது:

ஒரு {உரை அலங்காரம்: யாரும்; }

CSS இன் ஒரு வரியில், நீங்கள் அனைத்து உரை இணைப்புகள் இருந்து அடிக்கோடிட்டு வேண்டும். இது மிகவும் பொதுவான பாணியாக இருந்தாலும் (அது ஒரு உறுப்பு தேர்வுக்குழுவைப் பயன்படுத்துகிறது), இது இயல்புநிலை உலாவிகளின் பாணியை விட இன்னும் தனித்தன்மையைக் கொண்டுள்ளது. அந்த இயல்புநிலை பாணியை தொடங்கி அடிக்கோடிட்டு உருவாக்குகிறது ஏனெனில், நீங்கள் மேலெழுத வேண்டும் என்ன.

நீக்குதல் பற்றிய எச்சரிக்கை

பார்வை, அடிக்கோடிட்டு அகற்றுதல் நீங்கள் சரியாக என்ன செய்ய வேண்டும், ஆனால் நீங்கள் இதை செய்யும்போது நீங்கள் எச்சரிக்கையாக இருக்க வேண்டும். நீங்கள் அடிக்கோடிட்ட இணைப்புகளின் தோற்றத்தை விரும்புகிறீர்களோ இல்லையோ, எந்த உரை இணைக்கப்பட்டுள்ளது மற்றும் எதுவுமின்றி அவை வெளிப்படையானவை என்று நீங்கள் விவாதிக்க முடியாது. நீங்கள் அகற்றினால் அல்லது மறைமுக நீல இணைப்பு வண்ணத்தை மாற்றினால், நீங்கள் இணைக்கப்பட்ட உரையை இன்னும் தனித்தனியாக அனுமதிக்கக்கூடிய பாணிகளை மாற்றுவதை உறுதிசெய்ய வேண்டும். இது உங்கள் தளத்தின் பார்வையாளர்களுக்கான இன்னும் உள்ளுணர்வு அனுபவத்திற்காக செய்யும்.

அல்லாத இணைப்புகள் அடிக்கோடிட்டு இல்லை

இணைப்புகள் மற்றும் அடிக்கோடிட்டுக் காட்டும் இன்னொரு எச்சரிக்கையானது, உரைக்கு முக்கியத்துவம் அளிக்காத ஒரு உரை அல்ல என்பதை அடிக்கோடிடுவதில்லை. அடிக்கோடிட்ட உரை ஒரு இணைப்பைக் கொண்டிருப்பதாக மக்கள் எதிர்பார்த்திருக்கிறார்கள், எனவே முக்கியத்துவம் சேர்க்க (நீங்கள் அதை தைரியமாக அல்லது சலித்துக்கொள்ளாமல்) உள்ளடக்கத்தை அடிக்கோடிட்டால் தவறான செய்தியை அனுப்புவீர்கள் மற்றும் தள பயனர்களை குழப்பிவிடுவார்கள்.

புள்ளிகள் அல்லது கோடுகளுக்கு அடிக்கோடிடு

உங்கள் உரை இணைப்பை அடிக்கோடிடுவதற்கு நீங்கள் விரும்பினால், ஆனால் அந்த "பாணியிலான" வரி இது இயல்புநிலை தோற்றத்தில் இருந்து அடிக்கோடிடும் பாணியை நீங்கள் மாற்றலாம். திடமான வரிக்கு பதிலாக, உங்கள் இணைப்புகளை அடிக்கோடிடுவதற்கு புள்ளிகளைப் பயன்படுத்தலாம். இதை செய்ய, நீங்கள் இன்னும் அடிக்கோடினை அகற்றிவிடுவீர்கள், ஆனால் அதை நீங்கள் கீழே உள்ள பாணியில் உள்ள சொத்துடன் மாற்றுவீர்கள்:

ஒரு {உரை அலங்காரம்: யாரும்; எல்லை-கீழ்: 1px புள்ளி; }

நீங்கள் நிலையான அடிக்கோடு நீக்கிவிட்டதால், தோற்றமுள்ள ஒன்று மட்டுமே தோன்றும்.

நீங்கள் கோடுகள் பெற அதே விஷயம் செய்ய முடியும். எல்லைக்குட்பட்ட பாணியை திசைதிருப்ப மாற்றவும்:

ஒரு {உரை அலங்காரம்: யாரும்; எல்லை-கீழ்: 1px குறிக்கப்பட்டது; }

கீழ்நிலை வண்ணத்தை மாற்றவும்

உங்கள் இணைப்புகளுக்கு கவனத்தை ஈர்ப்பதற்கான மற்றொரு வழி, அடிக்கோளின் வண்ணத்தை மாற்றுவதாகும். வண்ணம் உங்கள் வண்ண திட்டத்துடன் பொருந்துகிறது என்பதை உறுதிப்படுத்தவும்.

ஒரு {உரை அலங்காரம்: யாரும்; எல்லை கீழே: 1px திட சிவப்பு; }

இரட்டை அடிக்குறிப்பு

Double underlines ஐப் பயன்படுத்துவதற்கான தந்திரம் நீங்கள் எல்லை அகலத்தை மாற்ற வேண்டும். நீங்கள் 1px பரந்த எல்லை உருவாக்கினால், நீங்கள் இரட்டை அடிக்கோடிடத்துடன் முடிக்க வேண்டும், அது ஒரு அடிக்கோடினை போல தோற்றமளிக்கும்.

ஒரு {உரை அலங்காரம்: யாரும்; எல்லை கீழே: 3px இரட்டை; }

மற்ற அம்சங்களுடன் இரட்டை அடிக்கோடிடு செய்ய, ஏற்கனவே உள்ள கோடுகளைப் பயன்படுத்தலாம்.

a {border-bottom: 1px இரட்டை; }

இணைப்பு மாநிலங்களை மறக்க வேண்டாம்

மிதவை, செயலில், அல்லது: விஜயம் போன்ற வெவ்வேறு நாடுகளில் உங்கள் இணைப்புகளுக்கு எல்லை-கீழ் பாணியை நீங்கள் சேர்க்கலாம். இந்த "ஹவர்" போலி வகுப்பைப் பயன்படுத்தும் போது இது பார்வையாளர்களுக்கான நல்ல "rollover" பாணி அனுபவத்தை உருவாக்கலாம். நீங்கள் இணைப்பைக் கவனித்தால் இரண்டாவது புள்ளியிடப்பட்ட அடிக்கோடு தோன்றும்:

ஒரு {உரை அலங்காரம்: யாரும்; } a: hover {border-bottom: 1px dotted; }

ஜெனிபர் கிரைனின் அசல் கட்டுரை. ஜெர்மி கிரார்ட் திருத்தப்பட்டது