Collegamenti di testo hanno il potenziale per cambiare drasticamente l'aspetto del tuo sito Web, soprattutto se si dispone di una notevole quantità di link su una determinata pagina. Non dovete lasciare ogni link di testo con le impostazioni predefinite. Modificando il codice nel documento HTML, è possibile visualizzare le modifiche speciali ogni volta che un utente passa il puntatore del mouse sopra un link. Molti cambiamenti di rollover estetiche differenti sono possibili, ad esempio modificando il colore o il tipo di carattere del collegamento.

Istruzioni

1

Aprire il tuo programma di editing HTML o aprire un file di blocco note vuoto e salvarlo con il ". Estensione HTML". Individuare il tag < HEAD > nella parte superiore del documento HTML.

2

Digitare il codice "< STYLE type =" text/css">" tra il tag di apertura < HEAD > e chiusura < / HEAD > dire il codice HTML documento si utilizza un foglio di stile CSS. Sposta in giù di una riga e digitare la chiusura < / stile > tag.

3

Spostare verso il basso una riga dopo il tag di apertura < STYLE > e tipo "<!-A:hover-->" a dire il documento si sono modificando i link di testo. Entrare nel cambiamento specifico che si vuole fare all'interno del codice per il link di testo. Ad esempio, digitare "<!---> A:hover {color: nero}"Se si desidera che i collegamenti di testo annerimento quando un utente passa sopra di loro.

4

Aggiungere in comandi aggiuntivi se si desidera modificare ulteriormente il modo di agiscono di link di testo quando un utente passa sopra di loro. Ad esempio, se si desidera che il testo del collegamento per essere rosso e cambiare il colore di sfondo verde, utilizzare il codice "<!-A:hover {color: red} A:hover {background-color: verde}-->"

5

Spostare verso il basso in uno spazio situato tra il < BODY > di apertura e chiusura < / BODY > tag nel documento HTML. Entrare in un link di testo normalmente, come ad esempio "< a href ="mio"> http://www.somewebsite.com" > mio link < /a >. " Il testo per quel link ora visualizzerà le modifiche di rollover.

Consigli & Avvertenze

• È possibile apportare molte rollover diverse modifiche ai collegamenti nella pagina web. Il "A:hover {testo-decorazione: nessuno}" comando impedirà il tuo link di visualizzazione di una sottolineatura, mentre il "A:hover {background-image: url (l'http://www.somewebsite/someimage.jpg)}" visualizzerà il file immagine specificato sotto il testo del collegamento.
• È possibile modificare gli aspetti multipli della dimensione del carattere e stile allo stesso tempo. Ad esempio, utilizzare "A:hover {font-family: Helvetica; dimensione del carattere: 20pt; colore: verde} "per modificare il tipo di carattere, dimensione e colore quando un utente passa sopra il link.
• Se si rimuove la dichiarazione di "hover", cambierà tutti i collegamenti in una pagina web senza che sia a rotolare su di loro. Ad esempio, se si utilizza "A {text-decoration: none}," tutti i tuoi link non visualizzerà una sottolineatura anche quando non c'e ' un puntatore del mouse posiziona su di essi.