Hiding a ligame cù CSS pò esse fattu un numme di modi, ma avemu aduprà duie metudi in chì un URL ponu esse oculatu da a vista. Sè vo vulete crià un scavagliante caccia o uovo di Pasqua à u vostru situ, questu hè un modu interessanti per oculare i ligami.
U primu modu si usa "nimu" cum'è u valore di a pruprietariu di u situ di u CSS. L'altru hè solu di colore u testu per appellu cù u sfondate di a pagina.
Aghjustate in mente chì nè u metudu fà chì u ligame sferenu totalment da esse attruvatu in u codice fonte. Tuttavia, i visitori ùn anu micca un modu simplice è senzicu in u quale per vede, è i vostri visiti novi ùn anu micca capitu per truvà u ligame.
Nota: Sè vo circate l'infurmazioni nantu à cumu ligà una struttura di stili esterni, sti struzzioni ùn sò micca ciò chì site dopu. Vede Una Scena di stili esterni? invece.
Inverede u Pointer Event
U primu mètudu chì pudemu utilizà per oculte un URL hè di fà u ligame ùn fate nunda. Quandu u suvientu passa nant'à u link, ùn devi micca quì chì l'indirizzu URL è ùn devi micca fà cliccà.
Scrive l'HTML Cuntificatu
Unu a pagina web, fate chì l'hyperlinke sia cum'è stu situ:
ThoughtCo.comDi sicuru, "https://www.thoughtco.com/" necesita puntà à l'URL propriu chì voi scurdate è ThoughtCo.com pò esse mudificate à qualsiasi parolle o frase chì ti piace chì spicifica a ligame.
L'idea hè quì chì a class activa serà usata cù a CSS sottu per aduprà u ligame.
Utilizà stu CSS Code
U codice CSS necessaile per indirizzà a classe attiva è spiegà à u navigatore chì l'avvenimentu nantu à u clicchendu cliccà, ùn deve esse "nimu", cusì chistu:
.active {pointer-events: none; cursore: predeterminatu; }Pudete vede stu metudu in action over JSFiddle. Se sguassate u codice CSS da quì, è dopu rerun the data, u ligame si puderà cliccà è utilizable. Questu causa chì quandu u CSS ùn hè micca applicata, u ligame si cumporta o normale.
Nota: Ricurdà chì se l'utenti vede u codice di u situ, virannu u ligame è sapete d'induve andarà perchè cumu avemu vistu supra, u còdice hè sempre quì, ùn hè micca putente.
Change the Link's Color
Nurmalmentu, un web designer facia i venti in un colore differenti da l'u fondu, perchè i visitori puderanu vedeti è cunniscenu d'unni partenu. In ogni casu, sò quì per amà i ligami , cusì vede cumu cambià u culore per pareghjanu cù quellu di a pagina.
Defini una Classe Customizata
Se utilizamu un stessiu esempiu da u primu mètudu, pudemu cambià a classa per tuttu ciò chì vulemu per chì solu i vucali privileggi sò oculati.
Se ùn avemu micca usatu una classa è invece appiicatu a CSS da sottu à ogni ligame, allora tutti spuntanu. Hè micca cusì ciò chì vulemu quì, dopu avemu usatu stu codice HTML chì utilizate a classificazione di u moffattimentu customu:
ThoughtCo.comTruvate u Color à usu
Prima di scrivenu u codice CSS appruvatu per fà u cuglitru u ligame, avemu bisognu à sapè da quellu culore chì vulimu usà. Sì avè un prucessu solidu chì hè digià, cum'è biancu o nìvuru, cusì hè faciule. Inoltre, altri culori specialità deve esse esatta ancu.
Per esempiu, se u vostru culore di fondu tenenu un valore di crescita di e6ded1 , avete bisognu di sapè chì per u codice CSS pè travaglià bè per a pagina chì vulete esse sparisce in.
Ci sò molti di sti "arricugghieru" o "arghjuli" dispunibuli, un di quale hè chjamatu ColorPick Eyedropper per u navigatore Chrome. Aduprà per esempiu u culore di fonti di a vostra pàgina web per acquistà u chjucu.
Pudete customisate u CSS pè cambià u Color
Avà chì avete u culore chì u ligame ùn deve esse u tempu d'utilizà stu puntu è u valore di classificazione persunale da l'altitudine, per scrive u codice CSS:
.hideme {color: # é6ded1; }Se u vostru culore di fondu hè simile, cum'è biancu o verdude, ùn avete micca dettà u settore di u sinestu prima:
.hideme {color: biancu; }Vede u codice di scrittura di questa metu in questa JSFiddle.