Efecto de Borde en Imagen
(No funciona en "Netscapes" Antiguos)
Aquí tenéis un código que hace que al pasar el ratón por encima de un objeto (Foto, botón, etc) aparezca su silueta coloreada. Pero para que os hagáis una idea, mejor os pongo un ejemplillo y así veis mejor lo que os quiero decir, vale? Pues poned el ratón sobre la imágen de abajo.
Por desgracia, no consigo poder hacerlo con más de una foto en la misma página, pero es gracioso, no? Debajo os pongo el código que tenéis que meter. Como véis, una parte tenéis que pegarla dentro de la cabecera del código, es decir, entre las líneas <Head> y </Head> .
Podéis variar el color y la anchura de la silueta (en este ejemplo es el 6 del código de arriba)
Si ya tenéis en la página una línea de estilo <STYLE>.......</STYLE> en lugar de pegar todo, inluid solo las líneas 2, 3, 4 y 5 dentro de vuestra línea de estilo. Si no la teníais, inlcuid el coódigo completo.
Después de hacer esto, escoged una foto e insertarla en la página. En ese momento, el programa que uséis para el diseño de webs, incluirá en vuestra pagina un codigo parecido a este:
< img border="0" src="ruta/dela/imagen.gif" alt="Etiqueta" width="18" height="27">
Pues bien, encontrad ese código en vuestra página y reformarlo para que quede como el que os pongo aquí abajo, donde:
ruta/dela/imagen.gif: es la ruta de la imagen. (explicado en "Toto Rutas")
Etiquetaes el texto que aparece al poner el raton sobre la imagen
Mensaje al retirar es el texto que saldrá en la barra inferior del navegador cuando retireis el raton de la imagen
Mensaje al señalar: es el texto que aparecerá en la barra inferior del Navegador cuando señaléis la imagen.
Espero que os guste, y que os salga, claro, je je.
|
Introducción
