9.12.09

Subrayar un link al pasar el mouse


Para lograr el efecto de subrayar un link cuando se pase el puntero del mouse sobre el mismo, el siguiente es el procedimiento:

1.- Vamos a Edición de HTML:

Página principal ► Diseño ► Edición de HTML

2.- Al final de la plantilla, exactamente antes de la etiqueta </body>, se pega el siguiente código:

<STYLE type="text/css">
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline}
</STYLE>

3.- El código anterior afectará los colores de los link así:
  • Color actual: Rojo (red).
  • Color al poner el puntero del mouse sobre el link: Azul (blue).
  • Color del link visitado: Gris (gray).
4.- Los colores se pueden cambiar, cambiando los nombres (en inglés) de los mismos, en el código 5.- Se pueden conservar los colores originales de los link del blog, o los que se escogieron en Fuentes y colores, al diseñar el mismo, eliminando del código:
  • COLOR: red;
  • COLOR: gray;
  • COLOR: blue;
Entonces el código quedará así:
<STYLE type="text/css">
A:link {TEXT-DECORATION: none}
A:visited {TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {TEXT-DECORATION: underline}
</STYLE>
Si no se quiere afectar la plantilla vamos a Diseño ► Diseño y añadimos yn gadget del tipo HTML/JavaScript, en donde ponemos el código:
Ese gadget lo ponemos en la parte inferior de Entradas del blog:




Índice Edición HTML
Poner imagen de fondo a un blog Cambiar enlaces pie de página
Eliminar enlaces pie de página Eliminar 'Publicado por'
Eliminar fechas Eliminar la hora
Efecto subrayar links Eliminar barra superior
Evitar copias de blogs Ocultar o eliminar sidebar
Eliminar y reemplazar cabecera Ícono para barra de direcciones
Centrar títulos posts Ensanchar blog
Cambiar color fondo posts Color fondo sidebar
Agregar una sidebar Color fondo de comentarios
Personalizar firma pie de posts Personalizar fechas de los posts
Diseñador de plantillas de Blogger Crear página de inicio o Portada
Eliminar enlaces a autores de plantillas Cambiar de sitio la sidebar
Centrar imagen de la cebecera

2 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Ayda : #

Por fin encontré esta herramienta bien explicada. Ya pude aplicarla.
Muchas gracias y felicitaciones

Comentario escrito por A : #

Por fin una información clara al respecto.
Gracias!!

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.