Enmarcar títulos en gadgets

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".