| .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!
|
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:
Assinar:
Postar comentários (Atom)

Nenhum comentário:
Postar um comentário