Como colocar bordes a los enlaces e imágenes con efectos [ onmouseout - onmouseover ]

Ejemplo 1: color de borde en un enlace o link
Josemanuel8924 | Blog Archivador

Código:

<a style="border: solid 3px #bbbbbb;" onmouseover="this.style.border='solid 3px #ffffff';" onmouseout="this.style.border='solid 3px #bbbbbb';" href="aquí_va_el_enlace">texto_a_mostrar</a>

Fragmentos para editar:
3px= grosor del borde expresado en pixeles.
#045FB4 = color del borde en estado normal.
#DF0101 (onmouseover) = color de borde al pasar el mouse.
#045FB4 (onmouseout)= color del borde restaurado (estado normal nuevamente).

Ejemplo 2: color de borde en una imágen


Código:

<img style="border: solid 2px #045FB4;" onmouseover="this.style.border='solid 2px #DF0101';" onmouseout="this.style.border='solid 2px #045FB4';" src="url_de_la_imágen" />

Fragmentos para editar:
3px= grosor del borde expresado en pixeles.
#045FB4 = color del borde en estado normal.
#DF0101 (onmouseover) = color de borde al pasar el mouse.
#045FB4 (onmouseout)= color del borde restaurado (estado normal nuevamente).


Ejemplo 3: color de borde en una imagen con enlace


Código:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="aqui_va_el_enlace"><img style="border: solid 2px #045FB4;" onmouseover="this.style.border='solid 2px #DF0101';" onmouseout="this.style.border='solid 2px #045FB4';" src="url_de_la_imágen" /></a>

Fragmentos para editar:
3px= grosor del borde expresado en pixeles.
#045FB4 = color del borde en estado normal.
#DF0101 (onmouseover) = color de borde al pasar el mouse.
#045FB4 (onmouseout)= color del borde restaurado (estado normal nuevamente).

Mostrar Palabras Claves de esta Entrada

trucos blogger, efectos en los link, en los enlaces, efecto en las imágenes, borde de las imágenes, de los link, cambian los colores, bordes redondeados, cuadrados, efecto, presentación en los link, trucos blogger, blog archivador, codigos html, javascript, codigos, para blog, trucos, editar mi blog