Modelo de sidebar gadget I

 

Ola, mais um modelo de sidebar para o blog espero que vocês gostem muito dele, dessa vez é completo, e não mastigado, ele vai servir como ajuda na hora que for editar num template responsivo

siga as instruções abaixo em mais informações

va para /* widget, e cole abaixo:

 .sidebar .widget {

width:100% !important;

background:#fff;

border-bottom:10px #d8b7cb solid;

margin:15px 0 !important;

border-radius:0 0 0 0;

padding:10px;

box-shadow: inset 0 0 10px #eee, 0 0 3px #ccc;

overflow:hidden

}

.sidebar .widget:first-child {

margin-top: 0;

}

.sidebar h2 {

font-family: Tahoma; /*Tipo de fonte*/

font-size: 18px; /*Tamanho da fonte*/

color: #fff; /*Cor da fonte*/

background: url(https://web.archive.org/web/20120718055415im_/http://i1234.photobucket.com/albums/ff411/SweetLG/0202.png) no-repeat center;

height: 25px;/*Altura da imagem*/

width: 300px; /*Largura da imagem*/

text-align: center; /*Alinhamento do texto*/

margin-top:-5px /** MARGIN **/;

margin-left:-9px /** MARGIN **/;

margin-bottom:10px /** MARGIN **/;

text-shadow:0 2px #aca7aa /** SOMBRA DO TITULO **/;

padding:5px;

width:112%;

}

.sidebar .widget:last-child {

border-bottom: none;

margin-bottom: 0;

padding-bottom: 0;

}

.footer-inner .widget,

.sidebar .widget {

font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;

color: #666666;

}

.sidebar .widget a:link {

color: #8f8096;

text-decoration: none;

}

.sidebar .widget a:visited {

color: #8f8096;

}

.sidebar .widget a:hover {

color: #8f8096;

text-decoration: underline;

}

.footer-inner .widget a:link {

color: #c1abc9;

text-decoration: none;

}

.footer-inner .widget a:visited {

color: #c1abc9;

}

.footer-inner .widget a:hover {

color: #c1abc9;

text-decoration: underline;

}

.widget .zippy {

color: #c1abc9;

}

.footer-inner {

background: transparent none repeat scroll top center;

personalize oque desejar , créditos ao kawaii world