CSS සමඟ සබැඳියක් සැඟවීම කළ හැකි ක්රම ගණනාවක් සිදු කළ හැකි නමුත්, URL එකකින් දර්ශනයකින් සම්පූර්ණයෙන්ම සැඟවිය හැකි ක්රම දෙකක් අපි සලකා බලමු. ඔබ ඔබේ වෙබ් අඩවියේ පිරිසිදු ලොකුවෙකු හෝ පාස්කු බිත්තරයක් නිර්මාණය කිරීමට අවශ්ය නම්, මෙය සබැඳි සැඟවීමට සිත්ගන්නා සුළු ක්රමයකි.
පළමු ක්රමය වන්නේ "කිසිවක්" භාවිතා කිරීමෙන් දර්ශක-සිදුවීම් CSS දේපල වටිනාකමයි. අනෙක් පැත්තෙන් පිටුවෙහි පසුබිමට ගැලපෙන පෙළ සරලව වර්ණවත් කර ඇත.
මූලාශ්ර කේතය සොයන විටදී සබැඳිය සම්පූර්ණයෙන්ම අතුරුදහන් වනු ඇති බවට කිසිදු ආකාරයකින් නොසිතන්න. කෙසේ වෙතත්, නරඹන්නන් හට එය දැකීමට සරල, සරල ක්රමයක් නොමැති අතර, ඔබගේ සබැඳි අමුත්තන්ට සබැඳිය සොයා ගන්නේ කෙසේ ද?
සටහන: ඔබ බාහිර ශිලා පතක් සබැඳිය යුතු ආකාරය පිළිබඳ උපදෙස් සොයන්නේ නම්, මෙම උපදෙස් අනුගමනය කරන්නේ ඔබ නොවේ. බාහිර ස්මිත් පත්රය කුමක්ද? වෙනුවට.
පොයින්ටර් සිද්ධිය අක්රිය කරන්න
URL එක සැඟවීමට භාවිතා කළ හැකි පළමු ක්රමය වන්නේ සබැඳුම කිසිවක් නොකිරීමටයි. මූසිකය සබැඳිය හරහා ඉහළට එළඹෙන විට, එය URL එක පෙන්වන දේ පෙන්වන්නේ නැති අතර ඔබට එය ක්ලික් කිරීමට ඉඩ නොදේ.
HTML නිවැරදිව ලියන්න
එක් වෙබ් පිටුවක්, අධෝලිපිංචය මෙසේ කියවීමට වග බලා ගන්න:
ThoughtCo.comඇත්ත වශයෙන්ම, "https://www.thoughtco.com/" ඔබට සැඟවුණු සත්ය URL වෙත යොමුවිය යුතු අතර, ඔබට සබැඳියක් විස්තර කරන ඕනෑම වචනයක් හෝ වාක්යයක් ThoughtCo.com ඔබට වෙනස් කළ හැකිය.
මෙහි අදහස නම් පන්තියේ ක්රියාකාරිත්වය සෘජුව සැඟවීම සඳහා CSS සමඟ භාවිතා කරනු ඇති බවය.
මෙම CSS කේතය භාවිතා කරන්න
CSS කේතය ක්රියාකාරී පංතිය ඇමතීමට අවශ්ය වන අතර එය ක්ලික් කිරීම සඳහා සබැඳිය ක්ලික් කිරීම සිදු කරන බව බ්රව්සරයට පැහැදිලි කරන්න, මෙය "කිසිවක්" විය යුතුය:
ක්රියාකාරී {දර්ශන-සිද්ධීන්: කිසිවක් නැත; කර්සරය: පෙරනිමි; }}මෙම ක්රමය JSFiddle හි ක්රියාත්මක වීමට ඔබට හැකිය. ඔබ එහි CSS කේතය ඉවත් කළහොත් පසුව දත්ත නැවත හැසිරවීමට, එම සබැඳිය හදිසියේම ක්ලික් කළ හැකි සහ භාවිත කළ හැකිය. CSS අදාල නොවන විට, සබැඳිය සාමාන්යයෙන් හැසිරේ.
සටහන: පරිශීලකයා පිටුවගේ මූල කේතය දෙස බලන්නේ නම්, ඔවුන් සබැඳිය දකිනු ඇති අතර ඉහත සඳහන් කළ ආකාරයටම එය කොතැනදැයි දැන සිටිමු. එම කේතය තවමත් පවතින අතර එය භාවිත කළ නොහැක.
ලින්ක් වර්ණ වෙනස් කරන්න
සාමාන්යයෙන් වෙබ් නිර්මාණකරුවෙක් පසුබිම් වලට වඩා විවිධ වර්ණ සාදනු ඇත. එවිට අමුත්තන්ට සැබැවින්ම ඒවා දැක ගත හැකි අතර ඔවුන් කොහේ යනවාදැයි දන්නේ ය. කෙසේ වෙතත්, අප මෙහි සබැඳිය සඟවා ගැනීමට මෙහි සිටිමු. එබැවින් පිටුවෙහි ගැලපෙන වර්ණය වෙනස් කරන ආකාරය බලමු.
සුපිරි පන්තියක් නියම කරන්න
අප ඉහත පළමු ක්රමය අනුව එකම උදාහරණයක් භාවිතා කර ඇත්නම්, අපි සරලවම අවශ්ය පරිදි ඕනෑම පන්තියකට අවශ්ය වෙනස්කම් කළ හැකිය.
අපි පන්තියක් භාවිතා නොකළේ නම්, එය සෑම සබැඳිවකටම සිට CSS භාවිතා කර තිබේ නම්, ඒවා සියල්ලම අතුරුදහන් වනු ඇත. අපි මෙතනින් නෙවෙයි, එනිසා අපි හයිඩිමේ පන්තිය භාවිතා කරන මෙම HTML කේත භාවිතා කරන්නෙමු:
ThoughtCo.comභාවිතයට ගත යුතු වර්ණය සොයාගන්න
සබැඳිය සැඟවීමට සුදුසු CSS කේතය ඇතුලත් කිරීමට පෙර, අපි භාවිතා කිරීමට අවශ්ය වර්ණය කුමක්දැයි හඳුනාගත යුතුය. ඔබ දැනටමත් ශක්තිමත් පසුබිමක් තිබේ නම්, සුදු හෝ කළු මෙන් එය එසේ කිරීම පහසුය. කෙසේ වෙතත්, වෙනත් විශේෂ වර්ණ නිශ්චිත විය යුතුය.
නිදසුනක් ලෙස, ඔබගේ පසුබිම් වර්ණය e6ded1 හි hex අගයක් තිබේ නම් , ඔබ එම පිටුවට අතුරුදහන් වීමට කැමති පිටුවට නිසියාකාරව වැඩ කිරීමට CSS කේතය අවශ්ය බව දැනගත යුතුය.
මෙම "වර්ණ එකතු කරන්නන්" හෝ "අයිඩොපොපර්" මෙවලම් බොහොමයක් තිබේ. එයින් එකක් Chrome බ්රවුසරය සඳහා ColorPick Eyedropper ලෙස හැඳින්වේ. හෙක්ටර් වර්ණය ලබා ගැනීම සඳහා ඔබේ වෙබ් පිටුවෙහි පසුබිම් වර්ණය සාම්පල ගත කිරීම සඳහා එය භාවිතා කරන්න.
වර්ණය වෙනස් කිරීමට CSS අභිරුචිකරණය කරන්න
දැන් ඔබට සබැඳිය ඇති වර්ණය තිබිය යුතු අතර, ඉහත සිට එම සහ පරිශිලක පංති අගය භාවිතා කිරීමට CSS කේතය ලිවීම සඳහා:
.hideme {වර්ණ: # e6ded1; }}ඔබේ පසුබිම් වර්ණය සුදු හෝ කොළ වැනි සරල නම්, ඔබට එය පෙර සලකුණු කිරීමට අවශ්ය නැත:
හයිඩී {වර්ණ: සුදු; }}මෙම ක්රමය JSFiddle හි ආදර්ශ කේතය බලන්න.