Estilo para gadget: Chocolate derretido

Olá meus pirulitos! 
Hoje eu vim com um tutorial que também pode ser encontrado em meu blog. Claro >.<'
Bom, a unica coisa mesmo que eu fiz foi o chocolate derretido, a fonte do titulo do gadget e a bordinha de baixo. A armação do código é todo do Kawaii World.
Para fazer com que seus gadgets fiquem tão lindos e gostosos que da vontade de morder é só repetir esses passos a seguir: Modelo - Editar html - F3 e pesquisar por: 
/* Widgets
e de baixo dessa linha:
----------------------------------------------- */
cole o código a seguir:
P.s: Apague todos os códigos até /* Mobile
.sidebar .widget {
width:100% !important;
background:#fff;
border-bottom:10px #5d200e solid;
margin:15px 0 !important;
border-radius:0 0 0 0;
padding:10px;
box-shadow: inset 0 0 16px #eee, 0 0 5px #ccc;
overflow:hidden
}
.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://1.bp.blogspot.com/--oo6eEch_-g/UVrwPV3qzGI/AAAAAAAABuo/yHqUk8Fc3j0/s1600/Gadget+-+Efeito+algod%C3%A3o+doce.jpg) no-repeat center;
height: 54px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #5d200e;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}
O resultado será este:
Espero que tenham gostado!
xoxo

Um comentário: