domingo, 2 de marzo de 2014

Personalizar la fecha

Vamos a ver cómo se puede poner una fecha redonda, cuadrada o subrayada como la tengo yo.

La idea la he cogido del blog Personalización de blogs, pero he cambiado un poco los pasos.

Nos vamos a nuestro código html.

Plantilla ---> Editar HTML

Y buscamos lo siguiente:

]]></b:skin>

Y justo encima colocaremos lo siguiente:

.date-header span {
padding: 5px 5px 5px 5px;
border-radius: 100px;
/*pb*/  /* borde de la fecha*/

A partir de este código ya podéis jugar con él y cambiarle los parámetros para ponerlo a vuestro gusto, yo lo he puesto para conseguir un subrayado y para ello sólo he tenido que añadir abajo esto:

border-bottom: dashed;
border-color: #F78181;

Con la primera frase indico que quiero una línea discontinua abajo (un subrayado) y con la segunda estoy indicando el color de la línea.
Blogging tips