Hvordan legge til Tooltip til en HTML-e-postklient

Hvordan legge til Tooltip til en HTML-e-postklient


Et verktøytips vises når musen ruller over koden på en side. Du finner verktøytips på nettsider, noe som gir deg mer informasjon om en bestemt tekst eller bilde. Du kan legge til et verktøytips til din e-postprogrammet ved hjelp av gjennomgripende stilark (CSS) eller Javascript-kode. Før du legger til et verktøytips til din e-post, bør du ha tilgang til kildekoden eller HTML-delen av e-posten.

Bruksanvisning

Legg Enkelt Tooltip til bilde

1 Skriv en ny melding i e-postprogrammet.

2 Bytt til HTML-modus, og deretter kopiere følgende kode mellom <BODY> tags på e-posten din, der du liker verktøytips på nett:

<Img src = \ "yourimage.jpg \" title = \ "Din verktøytips går her ... \" />

3 Erstatt "yourimage.jpg" og "Din verktøytips går her ..." med bilde og de faktiske ordene du vil vise.

Legge til en Fancy Tooltip

4 Skriv en ny melding i e-postprogrammet og bytte til HTML-modus.

5 Legg til følgende tilpasset kode avledet fra Fiji Web Design mellom <head> taggene i e-posten kildekoden:

<Style type = text / css>
En {text-decoration: none; }
AP {display: none; }
A: hover {position: relative; }
A: hover P {
position: absolute;
bakgrunn: #FFFFCC

display: block

z-index: 120px

top: 20px

venstre: 40px

}
</ Style>

6 Legg til følgende kode mellom <BODY> -kodene av kildekoden, der du at det skal vises i e-postmeldingen:

<a href=\"#\"> Din tekst <p> Tool Tips Tekst Vises Her </ p> </a>

7 Erstatt "Din tekst" og "Tool Tips Tekst Vises Here" med det innholdet du vil bruke.

Hint

  • Mottakeren e-post skal ha HTML aktivert på deres e-post for å se verktøytips.