Cajitas en los titulos de los gadget

¡Hola! Lectores como están?

Aqui esta haciendo demasiado calor hoy estuve haciendo unas cajitas para colocar en el titulo de los gadget más tarde subire las que faltan no tengo mucho tiempo por que voy a salir 

Vista previa

• Plantilla
• Edición HTML
• Ctrl + F ]]></b:skin>

Y pegamos le siguiente codigo antes de ]]></b:skin>

.sidebar h2 {

font-family: Imprima; /*Font de la letra*/

font-size: 20px; /*Tamaño de la letra*/

color: #fff; /*Color de la letra del titulo*/

background: url(url de la cajita) no-repeat center;

height: 19px;/*Altura de la cajita*/

width: 330px;/*Ancho de la cajita*/

text-align: center;/*Texto centrado*/

margin-top: 10px;

margin-left:-38px ;

text-shadow:0 2px #050505;/*Color de sombra del titulo*/

margin-bottom:-5px ;

padding:21px;

padding-top: 8px;/*Si lo quiere mas ariba la cajita ponga un numero menor y en caso contrario uno mayor*/

width:112%; }

.sidebar .widget {margin: 4px 2px 30px;background:#f;padding: 6px 6px;background:#fff;border-bottom: 5px solid #828282;border:7px;box-shadow: inset 0 0 30px #cccccc, 0 0 2px #cccccc;border-bottom: 5px solid #E8AFFF;border-top: 5px solid #BFEDFF;

Aqui están las cajitas que hise

Espero que les haya gustado y sido de utilidad