ir arriba

02 abril 2007

Información adicional " atributo Title o Tooltip "

A veces, por motivos de espacio, el texto explicativo de los enlaces, es muy corto por lo que damos poca información, el atributo title, nos sirve para ampliar información adicional,eso nos permite amplicar la información y aparece al pasar el ratón por encima, ya lo explique en anterior post con el atributo ALT para imágenes, hoy os enseñare como poner un cartel más bonito.
Este es un ejemplo del atributo Title con enlace...
josscat

Este es el efecto Title opacity o Tooltip con color de fondo que voy a enseñar a continuación:
Josscat

Ahora os enseñare como poner un title más bonito...o sea un cartelito que te da información más detallada al selecionar enlace.
1 debes poner este scrpit ( boxover.js ) en tu plantilla HTML, o te lo puedes bajar en boxover.swazz ( carpeta comprimida ) o puedes usar la misma dirección que uso yo ( el código script completo ), si decides bajartelo debes subir el archivo ( boxover.js ) en un hospedaje ( Hosting ) como véis yo tengo en geocities.yahoo una vez subido el archivo copia la dirección y lo pones tal como lo dejo aquí en rojo:

Código: Debes pegarlo encima del </body> de tu plantilla HTML...


<script src=' http://es.geocities.com/josep_m2003/boxover.js '/>


Ahora vamos a ver el segundo código: Pegar en crear entradas de tu blog

<span title="header=[información adicional]body=[ Aquí el texto que quieras]">
<a href="aquí la url"> aquí el texto que quieras enlazar</a></span>


Nota: donde pone Información adicional puedes poner lo que quieras...!!!
Si tenéis alguna duda dejar un comentario, saludos

No hay comentarios:

© josscat.blogspot.com 2007