.sidebar .widget{
margin:0 0 0.7em;
padding:4px;
}
Eliminamos esa parte y en su lugar, colocamos este código:
.sidebar .widget{
background: url(URL_DE_LA_IMAGEN);
margin:0 0 0.7em;
padding:4px;
}
Donde pone "URL DE LA IMAGEN" debemos de escribir la dirección web en la que tenemos guardada esa imagen de fondo que queremos colocar.
En el caso de que no queramos que sea la misma imágen para todos los elementos, sino que cada elemento lleve una imagen distinta, debemos hacer lo siguiente:
1º Buscamos en el código de la plantilla algo como lo siguiente:
<b:widget id='HTML10' locked='false' title='TITULO DEL ELEMENTO DE PÁGINA' type='HTML'/>
Esta parte es la de los "Widgets" y encontraremos varias lineas como esta con un número HTML diferente y, evidentemente, un título de elemento diferente.
2º Ahora anotaremos en un papelito cada id, es decir lo que pone HTML y un número y su correspondiente título del widget.
3º Ahora buscamos la parte del código de Plantilla correspondiente al CSS y antes de la línea
]]></b:skin>
tenemos que escribir lo siguiente con todos los html que hemos copiado antes en una hoja:
#HTML10{
background: url(DIRECCION_DE_LA_IMAGEN);
}
Guardamos los cambios y listo.
Fuente: El blog de Nya
