Fecha a la derecha y título con color en Blogger

|

Me pregunta Jorge en un comentario la forma de hacer que los títulos de las entradas se vean igual que las de mi Escaparate, es decir, con la fecha a la derecha y un color de fondo que se muestre al pasar el cursor sobre ellas.

Como ya me lo han preguntado varias veces, supongo que a más gente le interesará, así que paso a explicar como hacerlo.

[1] En la parte de "Diseño" - "Edición HTML" localizamos este código sin expandir artilugios:

h2.date-header{

Lo que más nos interesa es la línea que dice float:left; y que es la que hace que la fecha se muestre a la izquierda, tendremos que cambiarlo por float:right; para que se "mueva" a la derecha.

Ahí mismo tal vez tendremos que modificar o añadir algún parametro como "padding" si queremos separar la fecha un poco de la derecha para que no quede tan pegada al borde de la entrada

[2] En esa misma zona normalmente encontraremos .post h3 a:hover, es ahí donde añadiremos el color de fondo que se verá al situar el cursor sobre el título; si nuestra plantilla no lo tiene incluido, podemos hacerlo nosotros directamente:
.post h3 a:hover{
background: #ffffcc;
}

En el ejemplo he puesto el color que uso yo, vosotros lo cambiáis por el que quede mejor con vuestro diseño.

Compartir Enlace

0 comentarios:

Publicar un comentario