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 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:
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 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.
0 comentarios:
Publicar un comentario
¡Gracias por comentar!