domingo, 4 de novembro de 2012

Alterando os gadgets


Mas um tutorial para vocês meus docinhos Açucarados 
Vá Em layout > Adicionar HTML/JavaScript e cole o seguinte código :

<style>
/**PERSONALIZAÇÃO DA SIDEBAR**/
.sidebar .widget {
  width:100% !important; 
     background:#fff;   
    margin:30px 0 !important;
       border-top:5px #0000FF solid;
       border-radius:0 0 10px 10px;
    padding:10px;
            box-shadow: inset 0 0 50px #eee, 0 0 3px #ccc; 
overflow:hidden
}
.sidebar .widget h2 {
    font: normal 21px Arial Font ;
     text-shadow: 1px 0px 10px #FFFFFF;
   color: #0000FF ;
       background: url(Image url) no-repeat center; 
height: 35px;
width: 225px;
     text-align: center; /*Alinhamento do texto*/
   margin-top:-10px /** MARGIN **/;
    margin-left:-10px /** MARGIN **/;
    margin-bottom:5px /** MARGIN **/;
padding:5px;
width:150%;
overflow:hidden
}
/** FIM DA SIDEBAR**/
</style>

Nas parte de azul (****) Personalize como quiser...
                               Exemplo do Gadget personalizado:
                                   
SALVE E PRONTINHO!

Nenhum comentário:

Postar um comentário