Personalizar Link en tu blog




Talvez no te gusta que tus links tengan un subrayado, o por el contrario quieres que lo tengan, o si los quieres de otro color entonces te daré los atributos para personalizar tus links.



Primero hay que localizar dónde pondremos estos atributos; vamos a Diseño > Edición de HTML y sin expandir artilugios buscamos la propiedad a:link { abajo de él está a:visited { y luego a:hover {

a:link representa el modo como se ven todos los links de la página antes de hacer click en ellos
a:visited representa la apariencia de los links después de haber dado click en ellos
a:hover es el efecto que da al pasar el mouse sobre un link

Abajo de estas propiedades encontraremos sus atributos color (el que le da el color) y text-decoration (el efecto del link)

Lo único que hay que hacer es cambiar estos atributos, en color podemos poner el color que sea, por ejemplo #00000 si queremos que sea completamente negro.
En el caso de text-decoration estos son los efectos que podemos usar:




underline: muestra el subrayado



none: quita el subrayado



blink: link parpadeante (no funciona para Internet Explorer ni Google Chrome)





También podemos agregar más atributos (los siguientes se ven mejor dentro de a:hover)

font-weight:bold; hará que el link se convierta en negrita
font-style:italic; hará que el link se convierta en cursiva
font-size:16px; cambiará el tamaño del texto del link
background:#fe6700; cambiará el fondo a color naranja (el color lo pueden cambiar)
background-image:url(http://dl.getdropbox.com/u/647003/stars.gif); mostrará unas estrellitas en el link




Finalmente así podría quedar:





a:link {
color:#787878;
text-decoration:none;
}
a:visited {
color:#585858;
text-decoration:blink;
}
a:hover {
color:#fe6700;
text-decoration:none;
font-weight:bold;
font-style:italic;
background-image:url(http://dl.getdropbox.com/u/647003/stars.gif);
}

Pueden usar los atributos que crean necesarios y personalizarlos a su gusto.



Fuente: ciudadblogger

0 comentarios:

Publicar un comentario

Publicaciones recientes

 

  © 2009 Crea tu Blog

True Contemplation Blogger Template by M Shodiq Mustika