Foto cortesía de Las Provincias
Un truquito para dar alegría a los titulares de los gadgets y, sobre todo, dejar en claro dónde acaba uno y empieza otro. Así, el orden impera en el diseño conjunto del blog.

Puede o bien, ponerse un color de fondo, o una imagen como background. Para el primer caso...

Pegar encima de ]]></b:skin>






.sidebar h2{
background: #cccccc;
border: 1px solid #666666;
padding:5px;
}

Y para poner una imagen de fondo...

.sidebar h2{
background: url(url de la imagen elegida)no-repeat top center;
border: 1px solid #666666;
padding:5px;
}

- Para cambiar el color de fondo cambiar el codigo cccccc por el que se desee.
- Para cambiar el color del borde cambiar el código 666666 por el que se desee.
- Para cambiar el grosor modificar border: 1px (a mayor tamaño + gruesa la linea).
- Para alterar el tamaño del fondo cambiar padding:5px;

El resultado final quedaría así:

Los títulos enmarcados y con imagen de fondo son "No te pierdas nada" y "Bloggroll para leer".

 
Foto cortesía de Las Provincias
Un truquito para dar alegría a los titulares de los gadgets y, sobre todo, dejar en claro dónde acaba uno y empieza otro. Así, el orden impera en el diseño conjunto del blog.

Puede o bien, ponerse un color de fondo, o una imagen como background. Para el primer caso...

Pegar encima de ]]></b:skin>

.sidebar h2{
background: #cccccc;
border: 1px solid #666666;
padding:5px;
}

Y para poner una imagen de fondo...

.sidebar h2{
background: url(url de la imagen elegida)no-repeat top center;
border: 1px solid #666666;
padding:5px;
}

- Para cambiar el color de fondo cambiar el codigo cccccc por el que se desee.
- Para cambiar el color del borde cambiar el código 666666 por el que se desee.
- Para cambiar el grosor modificar border: 1px (a mayor tamaño + gruesa la linea).
- Para alterar el tamaño del fondo cambiar padding:5px;

El resultado final quedaría así:

Los títulos enmarcados y con imagen de fondo son "No te pierdas nada" y "Bloggroll para leer".

 
Un truco fácil y de resultado bien estético: tener la fecha del blog enmarcada, con posibilidad de poner color y tipo de letra a gusto personal.

Buscar /*Posts y debajo de h2.date-header { pegar lo siguiente:

text-align: center;

background-color: #99C9FF;

border:solid 2px;

border-color:#6666ff;

padding:5px;


La fecha queda centrada. El borde, el color de fondo... pueden modificarse.

Quedaría más o menos así:


Un truco fácil y de resultado bien estético: tener la fecha del blog enmarcada, con posibilidad de poner color y tipo de letra a gusto personal.

Buscar /*Posts y debajo de h2.date-header { pegar lo siguiente:

text-align: center;

background-color: #99C9FF;

border:solid 2px;

border-color:#6666ff;

padding:5px;


La fecha queda centrada. El borde, el color de fondo... pueden modificarse.

Quedaría más o menos así: