Kaŝi ligilon kun CSS povas fari diversajn manierojn, sed ni rigardos du metodojn, en kiuj URLo tute kaŝas de vido. Se vi volas krei ĉasistojn aŭ ĉaskaptitan ovon sur via retejo, ĉi tio estas interesa maniero kaŝi ligilojn.
La unua vojo estas per uzado de "neniu" kiel la pointer-okazaĵoj CSS-proprieta valoro. La alia per simple kolorigas la tekston kongruas kun la fono de la paĝo.
Memoru, ke neniu metodo faros, ke la ligo tute malaperos, kiam oni serĉos la fontkodon. Tamen, vizitantoj ne havos simplan, simplan manieron por vidi ĝin, kaj viaj novaj vizitantoj ne havas demandon kiel trovi la ligon.
Noto: Se vi serĉas instrukciojn pri kiel ligi ekstera stilo-folio, ĉi tiuj instrukcioj ne estas tio, kio vi estas poste. Vidu Kio Ekstera Stilo-Folio? anstataŭe.
Malebligu la Pointer-eventon
La unua metodo, kiun ni povas uzi por kaŝi URL, devas fari la ligilon fari nenion. Kiam la muso transiras la ligilon, ĝi ne montros, kion la URLo punas kaj ĝi ne permesos al vi klaki ĝin.
Skribu la HTML Ĝuste
Unu la retpaĝon, certigu, ke la hipervligo legas kiel ĉi:
ThoughtCo.comKompreneble, "https://www.thoughtco.com/" bezonas montri la realan URL, kiun vi volas kaŝi, kaj ThoughtCo.com povas esti ŝanĝita al iu ajn vorto aŭ frazo, kiun vi ŝatas, priskribas la ligon.
La ideo ĉi tie estas, ke la klaso aktiva estos uzata kun la CSS sube por efike kaŝi la ligon.
Uzu Ĉi CSS Kodon
La CSS-kodo bezonas alparoli la aktivan klason kaj klarigi al la retumilo, ke la evento sur la klako de ligilo devus esti "neniu" kiel ĉi tiu:
.active {pointer-eventoj: neniu; kursoro: defaŭlta; }Vi povas vidi ĉi tiun metodon en ago super JSFiddle. Se vi forigas la CSS-kodon tie kaj poste rerunos la datumojn, la ligo subite fariĝas klarebla kaj uzebla. Ĉi tio estas ĉar kiam la CSS ne estas aplikita, la ligo kondutas kutime.
Noto: Memoru, ke se la uzanto vidos la fontkodon de la paĝo, ili vidos la ligilon kaj scios ĝuste, kien ĝi iras, ĉar kiel ni vidas supre, la kodo estas ankoraŭ tie, ĝi simple ne estas uzebla.
Ŝanĝi la ligilon kaj koloron
Kutime, retpaĝisto faros hiperlinkojn malsaman koloron ol fono, por ke vizitantoj vere povas vidi ilin kaj scii, kien ili iras. Tamen ni estas ĉi tie kaŝi ligilojn , do ni vidos kiel ŝanĝi la koloron por egali la paĝon.
Difini Propran Klason
Se ni uzas la saman ekzemplon de la unua metodo, ni povas simple ŝanĝi la klason al ĉio, kion ni volas, por ke nur specialaj ligoj estas kaŝitaj.
Se ni ne uzis klason kaj anstataŭe aplikis la CSS de sube al ĉiu ligo, tiam ĉiuj malaperos. Tio ne estas kio ni post ĉi tie, do ni uzos ĉi tiun HTML-kodon, kiu uzas la kutiman hideman klason:
ThoughtCo.comTrovu Kian Koloron Uzu
Antaŭ ol ni eniras la taŭgan CSS-kodon por kaŝi la ligilon, ni devas eltrovi kian koloron ni volas uzi. Se vi havas solidan fonon jam, kiel blanka aŭ nigra, tiam tio estas facila. Tamen, aliaj specialaj koloroj devas esti ĝustaj ankaŭ.
Ekzemple, se via fonkoloro havas heksan valoron de e6ded1 , vi devas scii, ke la CSS-kodo funkcias ĝuste por la paĝo, kiun vi volas, ke ĝi malaperos.
Ekzistas multaj ĉi tiuj "kolorŝanĝilo" aŭ "okuloj" disponeblaj iloj, unu el kiuj nomiĝas ColorPick Eyedropper por la Chrome-retumilo. Uzu ĝin por montri la fonkoloron de via retejo por ricevi la heksan koloron.
Agordu la CSS ŝanĝi la koloron
Nun, ke vi havas la koloron, kiun la ligilo devus esti, ĝi estas tempo por uzi tion kaj la kutiman klasan valoron de supre, por skribi la CSS-kodon:
.hideme {koloro: # e6ded1; }Se via fonkoloro estas simpla kiel blanka aŭ verda, vi ne devas meti la nombran signon antaŭ ĝi:
.hideme {koloro: blanka; }Vidu la ekzemplan kodon de ĉi tiu metodo en ĉi JSFiddle.