Fecha a la derecha y título con color

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.

0 comentarios:

Publicar un comentario