Quitarle el Subrayado a los Links
Lamentablemente sin previo aviso me fui de vacaciones ( y próximamente tengo otro viaje ), por lo que tengo que dejar el blog un poco descuidado por ahora, sin embargo sigo leyendo lo que me mandan nuestros visitantes.
Por lo que ahora responderé a la duda, sobre remover el subrayado de los enlaces y profundizaré un poco mas dando estilo a los enlaces.
Ahora para comenzar, es necesario que se vaya a Edición HTML en la Plantilla Blogger, antes de editar/buscar algo, explicare brevemente la función de las etiquetas que vamos a utilizar:
a:link { } /* Estilo del Enlace */
a:hover { } /* Estilo del Enlace cuando pasamos el Mouse sobre el */
a:visited { } /* Estilo del Enlace cuando ya fue visitado */
Estas etiquetas son las que van dentro del fragmento de CSS, sin embargo así no hacen absolutamente nada, por lo que tenemos que definir estilos, esto se hace agregando una o más de los siguientes parámetros CSS.
color:#RRGGBB; /* Color en Código Hex */
text-decoration:valor;
/* Los Valores posibles para este parametro son:
none - no tiene ningún estilo.
underline - el texto aparecera subrayado.
line-trough - el texto aparecera tachado
overline - el texto aparecera con una raya en la parte superior.
*/
font-family:valor; /* El Valor es definido por el nombre de la letra, ejemplo "verdana","tahoma", etc. */
font-size:##px; /* El valor numérico representa el tamaño de la letra */
font-weight:valor; /* Dos valores, "bold" para Negritas y "Normal" */
a:link {
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:10px;
font-weight:bold;
}
a:hover {
color:#CD4B4B;
text-decoration:underline;
}
El Generador de colores Hex lo pueden encontrar aquí. Pueden experimentar, moviendo valores y definiendo colores, de esta forma podran generar el estilo que ustedes deseen.
Web Hosting en Mexico
6 comments:
hola tu blog muy bueno eh!
se puede cambiar de cursor cada vez ke entren a mi blog ..es ke lo vi en otro blog y la idea me parecio muy genial...
pero nose!
gracias!
Si se puede, pero seria mejor explicarlo en un pequeño manual.
Saludos
Muchas gracias por tu blog ya que los qe tenemos el nuestro lo aprovechamos, sigue asi. Por cierto, mi blog: http://elhogardelassombras.blogspot.com
hola muy buen dato, investigue un poco y tambien sirve "a:active" para el momento en el que se presiona el boton, al hacer clic.
para que quede como un boton, yo en mi barra puse:
#menu a:hover { text-decoration:none;
background:#1F1F1F;
color:#FFFFFF;}
hasta aca tenemos un link que al ponerle el mouse encima no tiene raya, tiene color de fondo y cambia el color de la letra
#menu a:active {
position:relative;
top: 1.5px;left: 1.5px;}
hasta aca al hacerle clic al mismo link, este se mueve 1,5 pixels para arriba y para un costado, como un boton al pulsarlo.
el ejemplo en la barra de menu de mi blog.
tengo una duda y espero alguien me pueda responder, el traductor que tenes en tu blog, al tyraducir al ingles, lo hace perfecto, otros traductores te desarman el blog al traducirlo, me pasas tu codigo?
saludos
-
Interesante truco, lo he puesto en práctica en mi blog sobre curiosidades.
Post a Comment