Tecnología

Inicio

Cómo agregar información sobre herramientas a un cliente de correo electrónico HTML

Cómo agregar información sobre herramientas a un cliente de correo electrónico HTML


Una información sobre herramientas aparece cuando el puntero del ratón pasa por encima del código de una página. Encontrará la información de herramientas en las páginas web, que le da más información sobre un texto o imagen particular. Puede agregar una información sobre herramientas a su programa de correo electrónico mediante el uso de hojas de estilo en cascada (CSS) o código JavaScript. Antes de añadir una punta de la herramienta a su correo electrónico, usted debe tener acceso al código fuente o de sección HTML del correo electrónico.

Instrucciones

Añadir Tooltip simple a la imagen

1 Redactar un nuevo mensaje en su programa de correo electrónico.

2 Cambiar al modo HTML, a continuación, copie el siguiente código entre las etiquetas <BODY> de su correo electrónico, en el que te gusta la punta de la herramienta a aparecer:

<Img src = \ "yourimage.jpg \" title = \ "Su punta de la herramienta va aquí ... \" />

3 Reemplazar "yourimage.jpg" y "Su punta de la herramienta va aquí ..." con el archivo de imagen y las palabras reales que desee mostrar.

La adición de un Fancy Tooltip

4 Redactar un nuevo mensaje en su programa de correo electrónico y cambiar al modo HTML.

5 Agregue el siguiente código personalizado derivado de Diseño Web Fiji entre las etiquetas <HEAD> de su código fuente e-mail:

<Style type = text / css>
Un {text-decoration: none; }
AP {display: none; }
A: hover {position: relative; }
R: P {libración
position: absolute;
fondo: #FFFFCC
IR
bloqueo de pantalla
IR
z-index: 120px
IR
top: 20px
IR
la izquierda: 40px
IR
}
</ Style>

6 Agregue el código siguiente entre las etiquetas <BODY> del código fuente, donde desea que aparezca en el mensaje de correo electrónico:

<a href=\"#\"> su texto <p> Su texto sobre herramientas aparece aquí </ p> </a>

7 Sustituir "su texto" y "su texto sobre herramientas aparece aquí" con el contenido que desea utilizar.

Consejos y advertencias

  • El destinatario de correo electrónico HTML debe tener habilitado en su correo electrónico para ver su punta de la herramienta.