Ħabi ta 'rabta ma' CSS jista 'jsir numru ta' modi, imma aħna nħarsu lejn żewġ metodi li fihom URL jista 'jkun kompletament moħbi mill-vista. Jekk trid toħloq kaċċa għall-kennies jew bajd tal-Għid fis-sit tiegħek, dan huwa mod interessanti biex jaħbu links.
L-ewwel mod huwa billi tuża "xejn" bħala l-valur tal-proprjetà tas-CSS tal-avvenimenti tal-pointer. L-ieħor huwa sempliċement billi tpinġi t-test biex tqabbel l-isfond tal-paġna.
Żomm f'moħħok li l-ebda metodu ma jagħmel ir-rabta jisparixxu totalment milli jinstabu meta jfittxu l-kodiċi tas-sors. Madankollu, il-viżitaturi mhux se jkollhom mod sempliċi u sempliċi biex tarah, u l-viżitaturi novizzi tiegħek ma jkollhomx clue kif isibu l-link.
Nota: Jekk qed tfittex struzzjonijiet dwar kif tgħaqqad folja ta 'stil estern, dawn l-istruzzjonijiet mhumiex dak li int wara. Ara X'inhu Folja ta 'Stil Estern? minflok.
Iddiżattiva l-Avveniment Pointer
L-ewwel metodu li nistgħu nużaw biex jaħbu URL huwa li tagħmel il-link ma tagħmel xejn. Meta l-maws isib fuq il-link, ma jurix dak li tindika l-URL u mhux ser tavżak ikklikkjah.
Ikteb l-HTML b'mod korrett
Waħda mill-paġna tal-web, kun żgur li l-hyperlink taqra hekk:
ThoughtCo.comNaturalment, "https://www.thoughtco.com/" għandu jindika l-URL attwali li trid tkun moħbija, u ThoughtCo.com jista 'jinbidel għal kwalunkwe kelma jew frażi li tixtieq tiddeskrivi l-link.
L-idea hawnhekk hija li l-klassi attiva se tintuża mas-CSS hawn taħt biex effettivament taħbi l-link.
Uża Dan il-Kodiċi CSS
Il-kodiċi CSS jeħtieġ li jindirizza l-klassi attiva u jispjega lill-browser li l-avveniment fuq il-link ikklikkja, għandu jkun "xejn" bħal dan:
.active (avvenimenti tal-pointer: l-ebda; cursor: inadempjenza; }Tista 'tara dan il-metodu fl-azzjoni fuq JSFiddle. Jekk tneħħi l-kodiċi CSS hemm, u mbagħad iġġedded id-data, il-link f'daqqa jsir clickable u jista 'jintuża. Dan minħabba li meta s-CSS ma jiġix applikat, il-link iġib ruħu normalment.
Nota: Ftakar li jekk l-utent jara l-kodiċi tas-sors tal-paġna, huma jaraw ir-rabta u jafu eżattament fejn imur minħabba li bħal naraw hawn fuq, il-kodiċi għadu hemm, hija biss mhix użabbli.
Ibdel il-Kulur tar-Rabta
Normalment, web designer se jagħmel hyperlinks kulur differenti mill-isfond sabiex il-viżitaturi jkunu jistgħu attwalment jarawhom u jafu fejn imorru. Madankollu, aħna qegħdin hawn biex jaħbu r-rabtiet , allura ejjew naraw kif tibdel il-kulur biex tqabbel dak tal-paġna.
Iddefinixxi Klassi Custom
Jekk aħna nużaw l-istess eżempju mill-ewwel metodu ta 'hawn fuq, nistgħu sempliċement ibiddlu l-klassi għal dak li rridu hekk li huma biss rabtiet speċjali moħbija.
Jekk ma użajnax klassi u minflok applikajt is-CSS minn isfel għal kull link, allura dawn kollha jisparixxu. Dak mhux dak li aħna qed wara hawnhekk, hekk aħna ser nużaw dan il-kodiċi HTML li qed tuża l-klassi custom ta 'hideme:
ThoughtCo.comIssib x'Kulur għandek tuża
Qabel ma nidħlu fil-kodiċi CSS xieraq biex taħbi r-rabta, għandna bżonn insemmu liema kulur irridu nużaw. Jekk diġà għandek sfond solidu, bħal abjad jew iswed, dak ikun faċli. Madankollu, kuluri speċjali oħra jeħtieġ li jkunu eżatti wisq.
Per eżempju, jekk il-kulur fl-isfond tiegħek ikollu valur ta 'hex ta' e6ded1 , trid tkun taf li għall-kodiċi CSS taħdem kif suppost għall-paġna li tkun trid li jisparixxu.
Hemm ħafna minn dawn l-għodda disponibbli "color picker" jew "eyedropper", li waħda minnhom tissejjaħ ColorPick Eyedropper għall-browser Chrome. Użaha biex turi l-kulur ta 'l-isfond tal-paġna web tiegħek biex tikseb il-kulur hex.
Customize the CSS biex Ibdel il-Kulur
Issa li għandek il-kulur li għandha tkun ir-rabta, wasal iż-żmien li tuża dak u l-valur tal-klassi tad-dwana minn fuq, biex tikteb il-kodiċi CSS:
.hideme {color: # e6ded1; }Jekk il-kulur fl-isfond tiegħek huwa sempliċi bħal abjad jew aħdar, m'għandekx għalfejn tpoġġi s-sinjal # quddiemha:
.hideme {kulur: abjad; }Ara l-kodiċi tal-kampjun ta 'dan il-metodu f'dan il-JSFiddle.