Pubblicato il 11/01/11 - aggiornato il  | 3 commenti :

Come mostrare un tooltip in una parola o in una frase.

Tutti sanno come inserire un collegamento a una parola o a una frase. Tutto ciò che è visibile in un link, si chiama anchor text o testo di ancoraggio se si usa la nostra lingua. Non è sempre necessario, né tantomeno utile, inserire dei link per arricchire i contenuti del post. In certi casi potrebbe essere più efficace un tooltip che viene visualizzato da chi passa sopra al testo con il mouse.

Certamente vi sarete imbattuti in questo elemento ma, per rendere più chiaro l'argomento del post, passate con il mouse sopra al testo seguente

Definizione di Tooltip

Vedrete aprirsi un piccolo rettangolo di questo genere

definizione di tooltip

La sintassi per creare questo effetto che permette di arricchire il blog è semplicissima

<abbr title="TESTO VISUALIZZATO NEL TOOLTIP">TESTO DI ANCORAGGIO</abbr>

Il codice va incollato in Modalità HTML e, una volta tornati alla visualizzazione normale, sarà possibile cambiare il testo per quanto riguarda i caratteri, le dimensioni e i colori.





3 commenti :

  1. molto utile, non pensavo fosse così facile poi!

    RispondiElimina
  2. con WLW puoi "battezzare" il link allo stesso modo ma non puoi lavorare su colore dimensione dei caratteri
    però l'effetto è più o meno lo stesso

    RispondiElimina
  3. @Tex Willer
    Quando parlo di dimensioni e di colori mi riferisco al testo di ancoraggio e non al testo del tooltip

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.