Lingi peitmine HTML-is muudab selle teie veebilehte vaatava keskmise kasutaja jaoks praktiliselt kasutuskõlbmatuks. Ja kui teie veebilehte vaatav inimene kasutab vana või aegunud brauserit, siis mõned HTML-i linkide peitmise meetodid lihtsalt ei tööta. Kui soovite aga teha lõbusat raamisjahti või lisada oma saidile peidetud funktsioone, mida mõnikord nimetatakse lihavõttemunadeks, võib linkide peitmine aidata teil seda saavutada! Nende muudatuste rakendamiseks on aga vaja funktsionaalseid teadmisi HTML-i ja koodi kirjutamise kohta.
1
Avage oma veebilehe kood ja leidke link. Kui sisenete oma veebilehe jaoks kirjutatud koodi, leiate koodisse kirjutatud lingi ja saate muuta selle kõiki värviväärtusi, et see vastaks teie taustale. Seda tehes muudate lingi taustavärvi taustal nähtamatuks.
2
Otsige üles sobiv hex värvikood. HTML, CSS ja teised kodeerimiskeeled kasutavad värvi esindamiseks kuuekohalist kolmebaidist kuueteistkümnendkoodi. Peate leidma taustale vastava värvi kuueteistkümnendkoodi, kuid mõned levinumad kuueteistkümnendkoodid on järgmised: Valge: FFFFFFMust: 000000Hall: 808080Helehall: D3D3D3Sinine: 0000FFBeež: F5F5DC
3
Kohandage oma koodi. Kui olete leidnud lingi, mille soovite oma veebilehe koodis peita, ja teate oma kuueteistkümnendvärvikoodi, võite alustada lingi värvi muutmist. Selleks kasutage järgmist koodi, sisestades lingi, mida soovite peita, ja oma kuueteistkümnendvärvikoodi, kui see on asjakohane:
4
Kasutage koodi toimimise kontrollimiseks funktsiooni “leida”. Kuigi teie link on nüüd tõhusalt peidetud, saate teie ja teised kasutajad siiski lingi leida, kasutades teie brauseri otsimisfunktsiooni. Olenemata sellest, kas teie link on tavaline, külastatud, aktiivne või kursoriga hõljutatud, peaks teie link nüüd olema nähtamatu. Funktsiooni “Otsi” saab enamikus brauserites aktiveerida, vajutades klahvikombinatsiooni Ctrl+F.
5
Lisage oma lingile klassi või ID atribuut. Saate seda teha, lisades oma lingi märgendisse lisateavet. Otsige üles oma lingimärgend ja lisage oma isikutunnistuse või klassi jaoks sobiv kood. Teie kood peaks välja nägema selline:class=Link.comid=Link.com
6
Looge oma klassi või ID jaoks CSS-reegel. Saate viidata loodud nimele, kasutades “.” klasside jaoks või sümboliga “#”. Selle kood peaks välja nägema sarnane järgmiselt: Klassid: .Link.comID: #Link.com
7
Muutke “kuva” või “nähtavus”. Mõlemad funktsioonid peidavad teie lingi, kuid iga funktsioon peidab lingi erineval viisil. Kui muudate kuvamisfunktsiooni “puudub”, eemaldate lingi lehe paigutusest. See võib põhjustada teie lehe muude elementide liikumist, kui need määravad oma asukoha teie lingile viidates. Kui muudate oma nähtavuse olekuks “peidetud”, peidetakse link ilma lehe paigutust mõjutamata. Selle etapi kood peaks lihtsalt välja nägema selline:display: nonevisibility: varjatud
8
Kontrollige oma koodi õigsust veel kord. Vale kood võib põhjustada olulisi vigu teie veebilehel või muuta teie kujunduse olulisi elemente. Teie lõplik HTML- ja CSS-kood peaks välja nägema järgmine:HTML-kood:LinkCSS-kood:.Link.com {display: none;}