Come aggiungere Tooltip ad un client di posta elettronica HTML

March 16

Come aggiungere Tooltip ad un client di posta elettronica HTML


Un suggerimento viene visualizzato quando il mouse passa sopra il codice in una pagina. Troverete i suggerimenti sulle pagine web, fornendo ulteriori informazioni su un particolare testo o immagine. È possibile aggiungere un suggerimento per il vostro programma di posta elettronica utilizzando i fogli di stile a cascata (CSS) o il codice JavaScript. Prima di aggiungere un suggerimento al tuo indirizzo email, si dovrebbe avere accesso al codice sorgente o sezione HTML del messaggio di posta elettronica.

istruzione

Aggiungere Tooltip semplice all'Immagine

1 Comporre un nuovo messaggio nel programma di posta elettronica.

2 Passa alla modalità HTML, quindi copiare il codice seguente tra i tag <BODY> della tua e-mail, in cui ti piace la punta dello strumento di apparire:

<Img src = \ titolo "yourimage.jpg \" = \ "La vostra punta dell'utensile va qui ... \" />

3 Sostituire "yourimage.jpg" e "Your punta dell'utensile va qui ..." con il vostro file immagine e le parole reali che si desidera visualizzare.

L'aggiunta di una fantasia Tooltip

4 Comporre un nuovo messaggio nel programma di posta elettronica e passare alla modalità HTML.

5 Aggiungere il seguente codice personalizzato derivato da Fiji Web Design tra i tag <HEAD> del codice sorgente e-mail:

<Style type = text / css>
A {text-decoration: none; }
AP {display: none; }
A: hover {position: relative; }
A: hover {P
position: absolute;
sfondo: #FFFFCC
ANDARE
blocco di visualizzazione
ANDARE
z-index: 120px
ANDARE
top: 20px
ANDARE
sinistra: 40px
ANDARE
}
</ Style>

6 Aggiungere il seguente codice tra i tag <BODY> del codice sorgente, dove ti piace che appaia nel messaggio e-mail:

<a href=\"#\"> Il Testo <p> Il Tool Tip testo appare qui </ p> </a>

7 Sostituire "Il Testo" e "Your Tool Tip testo appare qui" con il contenuto che si desidera utilizzare.

Consigli e avvertenze

  • Il destinatario dell'e-mail deve avere HTML attivato sul loro e-mail per vedere la vostra descrizione comandi.