April 16
link nascosti sono in genere utilizzati su siti web per ciò che sono a volte indicato come "uova di Pasqua". Uova di Pasqua premiare visitatori regolari a un sito web, dando loro una quantità extra di contenuti che non è elencato nel menu di navigazione del sito. Qualunque sia il motivo per nascondere un collegamento, così facendo richiede solo una piccola quantità di stile CSS. Essere consapevoli, tuttavia, che i collegamenti ipertestuali nascosti saranno ancora visibili su tutti i browser web non CSS-compatibile, o quando un sito visitatore visualizza il codice sorgente di una pagina web.
1 Creare un backup di tutti i file o pagina web che sarete editing. E 'facile eliminare accidentalmente una linea o sezione di codice, e così facendo può profondamente influenzare il modo in cui il tuo aspetto e le funzioni del sito web. E 'importante essere sempre in grado di tornare al file originale, se necessario.
2 Creare una classe CSS per i collegamenti nascosti nel foglio di stile CSS. In genere, questo file si chiama "style.css" e si trova nella directory principale del tuo sito web. Per creare la classe, aprire il foglio di stile e aggiungere il seguente codice alla fine del documento. (Escludere il testo che si trova all'interno delle parentesi, e le parentesi stesse; queste note sono incluse solo a scopo didattico.)
.hiddenlink {
color: # 000000; (Utilizzare lo stesso codice di colore sei caratteri come il testo che circonda il link)
text-decoration: none; (Questo rimuove sottolineatura e / o evidenziare il link)
cursore: il testo; (Questo assicura che il cursore rimane il cursore, non la mano, mentre passa sopra il link)
}
Se il vostro sito does't utilizzare un foglio di stile CSS, è necessario includere manualmente il CSS in ogni pagina in cui si desidera che appaia un link nascosto. Per fare ciò, aggiungere il seguente codice in qualsiasi punto al di sotto della pagina <HTML> e <HEAD> (ancora una volta, omettendo il testo all'interno delle parentesi).
<Style type = "text / css" media = "all">
<! -
.hiddenlink {
color: # 000000; (Utilizzare lo stesso codice di colore sei caratteri come il testo che circonda il link)
text-decoration: none; (Questo rimuove sottolineatura e / o evidenziare il link)
cursore: il testo; (Questo assicura che il cursore rimane il cursore, non la mano, mentre passa sopra il link)
->
</ Style>
3 Designare uno o più collegamenti come nascosto applicando la nuova classe, "hiddenlink," (creato nel passaggio 2) al codice del collegamento ipertestuale. Il codice per un collegamento tipico recita come segue:
<a href="linked"> http://www.adomainname.com "> testo collegato </a>
Al fine di rendere il collegamento nascosto, aggiungere la classe "hiddenlink" dopo l'URL del link:
<a href="http://www.adomainname.com" class="hiddenlink"> legata testo </a>
4 Fermare browser del visitatore del sito di mostrare la destinazione del link nella barra di stato quando le croci mouse su di esso con l'aggiunta di un comando JavaScript al codice del collegamento ipertestuale, come nell'esempio di seguito (il JavaScript è onmouseover = "self.status = ''; return true; ").
<a href="http://www.adomainname.com" class="hiddenlink" onmouseover="self.status='';return true;"> legata testo </a>
5 Salvare il file e caricare la versione salvata al vostro web host o server, sostituire l'originale.