11/11/2014

Barrinha nos Gadgets

Oii pessoas ! Bom ,sabe essas faixinhas que usamos nos gadgets do CF 
Veja 



    Então , hoje vou ensinar a colocar uma ! Vamos lá ?! - Clique em "Leia Mais" >.<

 Primeiro , Vá em Layout   Adicionar um Gadget  HTML/Javascript 
                                       Logo depois , cole o seguinte código :



 
 <style>
/**PERSONALIZAÇÃO DA SIDEBAR**/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
border-top:10px #66CDAA solid;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc;
overflow:hidden
}
.sidebar .widget h2 {
font: normal normal 20px Indie Flower;
text-shadow: 0px 0px 1px #000;
color: #000;
text-align: center; /*Alinhamento do texto*/
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR**/
</style>

     
A parte que está em Rosa é a cor da faixinhaNão esqueça de deixar a barra lateral em transparente!


Créditos do Tutorial: (www)

Tabela de Cores: Escolha a sua Cor Aqui

Nenhum comentário:

Postar um comentário