Пинҳон кардани алоқа бо CSS метавонад як қатор роҳҳоро иҷро кунад, аммо мо ду усулро мебинем, ки дар он URL аз намуди пинҳон пинҳон шуда метавонад. Агар шумо хоҳед, ки сайти сайёр ё тухмии тухмиро дар сайти шумо эҷод кунед, ин роҳи ҷолиби пинҳон кардани алоқаҳо мебошад.
Тарзи якум бо истифода аз "none" ҳамчун нишондиҳандаи ҳодисаҳои рӯйхати CSS. Дигаре, ки бо ранги ранг барои ранг кардани саҳифаҳои саҳифа пахш мешавад.
Дар хотир дошта бошед, ки ягон усули пайвасткунӣ ба пайвастшавиҳо ҳангоми дарёфти рамзи сарчашма пайдо нашавад. Аммо, меҳмонон ба таври оддӣ ва одилонае, ки дар он мебинед, надоред ва меҳмонони ҷолиби шумо як саҳифаеро пайдо мекунанд, ки пайвандро пайдо кунанд.
Эзоҳ: Агар шумо дастурҳои дар бораи чӣ гуна ба варақи сабки берунӣ пайванд кардан ҷустуҷӯ доред, ин дастурҳо на он чӣ пас аз он ҳастед. Нигаред, ки лавҳаи стандартии берунӣ чист? ба ҷои.
Чорабиниҳои ишораро ғайрифаъол кунед
Усули якумро мо метавонем барои пинҳон кардани URL истифода бурдем. Вақте ки префиксро аз пайвастшавӣ бозмедорад, он URL намоиш намедиҳад ва онро ба шумо намоиш намедиҳад.
HTML дурустро нависед
Яке аз веб саҳифа, боварӣ ҳосил кунед, ки гиперҳинӣ ин хел мешавад:
ThoughtCo.comАлбатта, "https://www.thoughtco.com/" бояд URL-и воқеиро, ки шумо мехоҳед пинҳон мекунед, нишон диҳед ва ThoughtCo.com метавонад ба ягон калима ё иборае, ки шумо мехоҳед, ки ин пайвандро тавсиф кунед, иваз карда шавад.
Дар ин ҷо ин ақида аст, ки синфҳои фаъол фаъолона бо CSS дар зер барои истифодаи самараноки пайвандро истифода мебаранд.
Ин Кодекси CSS-ро истифода кунед
Рамзи CSS бояд синфро фаъол созад ва ба браузент шарҳ диҳад, ки ҳодиса дар робита бо пайванд бояд ба ҳеҷ ваҷҳ набошад, ба монанди:
.active {pointer-events: none; курсор: default; }}Шумо метавонед ин методро дар амалиёт дар болои JSFiddle бинед. Агар шумо коди CSS -ро дар он ҷо ҷойгир кунед ва сипас маълумотро бозмедор кунед, пайвастшавӣ ногаҳонӣ ва дастрас аст. Ин сабаби он аст, ки вақте ки CSS татбиқ намешавад, алоқа одатан ба амал меояд.
Эзоҳ: Дар хотир дошта бошед, ки агар корбар рамзи сарчашмаи саҳифаро бинад, онҳо пайвандро мебинанд ва медонанд, ки дар он ҷое, ки дар боло мебинем, рамзи ҳанӯз вуҷуд дорад, он танҳо истифода намешавад.
Ранги Link & # 39;
Одатан, тарҳрези веб тасвири гипертониро аз ранги дигар фароҳам мекунад, то меҳмонон онро дар ҳақиқат дида метавонанд ва медонанд, ки онҳо ба куҷо мераванд. Бо вуҷуди ин, мо дар ин ҷо ба пинҳон кардани пайвандҳо ҳастем , бинобар ин, биёед бубинем, ки чӣ гуна ранги иваз кардани ин саҳифаро тағйир диҳем.
Муайян кардани синфҳои махсус
Агар мо аз намунаи якум истифода бурда тавонем, мо метавонем классро ба ҳар чизе, ки мехоҳем, иваз кунем, фақат танҳо пайвандҳои махсус вуҷуд доранд.
Агар мо классифаҳоро истифода набарем ва ба ҷои CSS аз зергурӯҳ ба ҳар як пайванд истифода барем, ҳамаи онҳо аз байн мераванд. Ин на он чизест, ки мо баъд аз ин ҳастем, барои ҳамин, мо ин рамзи HTMLро истифода мебарем, ки дар синфи ҳиндӣ истифода мешавад:
ThoughtCo.comҶустуҷӯи чиро истифода баред
Пеш аз он ки мо рамзи CSS-ро барои пинҳон кардани алоқа, ба мо бояд фаҳмем, ки чӣ гуна рангеро, ки мо истифода мебарем. Агар шумо аллакай аломати сахт дошта бошед, ба монанди сафед ё сиёҳ, пас ин осон аст. Бо вуҷуди ин, дигар рангҳои махсус бояд дақиқ бошанд.
Масалан, агар ранги зеҳнии шумо дорои арзиши гексалии e6ded1 бошад , шумо бояд бидонед, ки барои CSS рамзи дуруст кор кардан барои саҳифае, ки шумо мехоҳед, онро ба кор дароред.
Болотар аз ин "риштарошон ранги" ё "объективҳои" мавҷуд аст, ки яке аз онҳо "ColorPick Eyedropper" барои браузери Chrome ном дорад. Онро барои намуна кардани рангҳои пайравии саҳифаи вебии худ истифода баред, то ранги гексро гиред.
Тасвири CSS барои тағир додани ранг
Акнун, ки шумо ранг дорад, ки пайванд бояд бошад, вақти он аст, ки ин ва арзиши класси одилона аз боло, барои навиштани рамзи CSS:
.hideme {color: # e6ded1; }}Агар ранги зеҳнии шумо мисли сафед ё сабз гудоз бошад, шумо бояд пеш аз он қайд кунед:
.hideme {ранги: сафед; }}Ин усули намунавии ин усули дар ин JSFiddle нигаред.