segunda-feira, 13 de agosto de 2012

Como colocar cercadinho no gadget!

Para fazer o cercadinho de gadget, basta no TITULO DE SIDEBAR trocar o HTML que está por esse:

.sidebar {
text-align: center;
color: #000000;
background: url();
line-height: 1.5em;
margin-left:0px;
margin-right: 9px;
}
.sidebar h2 {
background-image: url(Titulo de sidebar);
color:#000000;
font-family:arial;
font-size:17px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:22px;
letter-spacing:-1px;
line-height:0.9em;
margin:0em 0 0em;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
padding-top:12px;
text-transform:none;
text-align: center;
}
.sidebar ul {
list-style:none;
margin:100px;
padding:0 0 0;
color:#2f96b9
backround:#2f96b9
border-bottom : 10px solid #f2f2f2;
}
.sidebar li {
margin:0px;
padding:0 0 .50em 20px;
text-indent:1px;
line-height:1.5em;
border-bottom : 2px solid #000000;
}
.sidebar .widget {
background-image: url(Bordas);
margin:0px 0px 13px;
padding:0px 0px 4px;
border-bottom: #Cor do final 3px solid;
}
background-image: url(Bordas);
margin:0px 0px 13px;
padding:0px 0px 4px;
border-bottom: #Cor do final 3px solid;
}
.main .widget {
margin:4 0 4px;
padding:0 0 0px;
}
.main .Blog {
border-bottom-width: 0;
}


No bordas, coloque uma imagem igual essa:


No cor do final terá uma linha para terminar o coisinha, coloque o código da cor desejada para finalizar está caixa!

Espero que vc, atatro, tenha aprendido!

Nenhum comentário:

Postar um comentário