segunda-feira, 28 de dezembro de 2015

Tutoriais - Modelos de sidebar



Ola my amores, hoje irei ensinar a como personalizar a sidebar, aqui esta alguns modelos




vamos em Modelo-editar HTML-CTRL+F-pesquise por ]]></b:skin>, e coloque os códigos ACIMA do  ]]></b:skin>




.sidebar .widget {Background: #fff;border: solid 1px #FFD8D8;outline: 1px dashed #FFC1C1;outline-offset: -3px;text-align: justify;font-family: calibri;color:#ccc;font-size:12px;padding: 6px;margin: 2px -30px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-transition-duration: .50s;}.sidebar .widget h2 {background: #FFD9D9;border: 1px solid #FFBCBC;box-shadow: inset 0px 0px 3px #E3DAEC;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;margin-bottom: 5px;line-height: 8px;font: normal 13pt cambria, georgia;text-transform:lowercase;font-style:italic;letter-spacing: 1px;font-weight: 300;color:#FFA3A3;text-shadow: 1px 1px 0 #fff;text-align: center;border-radius:2px;-webkit-transition-duration: .80s;}.sidebar .widget h2:hover {background: #FCE6E6;border: 1px solid #FFC8C8;box-shadow: inset 0px 0px 1px #FFCDCD;padding-bottom: 3px;padding-top: 3px;padding-left: 10px;margin-bottom: 5px;line-height: 8px;font: normal 13pt cambria, georgia;text-transform:lowercase;font-style:italic;letter-spacing: 1px;font-weight: 300;color:#FFA3A3;text-shadow: 1px 1px 0 #fff;text-align: center;border-radius:2px;-webkit-transition-duration: .80s;}



.sidebar .widget {padding: 10px;margin-bottom: 50px; /*Espaço entre um gadget e outro*/}.sidebar .widget h2 {background: #000; /*Cor do fundo do título*/width: 150px; /*Largura do fundo, aumente se precisar*/font-family: Verdana; /*Fonte do titulo*/font-size: 14px; /*Tamanho da fonte*/font-weight: normal;line-height: 14px; /*Altura da linha, coloque o mesmo que o tamanho da fonte*/margin-top: -30px; /*Quantos pixels o título "sobe"*/margin-left: -10px;padding-left: 5px;box-shadow: 1px -1px 2px #9a9a9a;-webkit-box-shadow: 1px -1px 2px #9a9a9a;-moz-box-shadow: 1px -1px 2px #9a9a9a;}


Gente, lembre-se, esses modelos, não são meus, eu os peguei no google

Nenhum comentário:

Postar um comentário