7/01/2012

Tutorial - titulo dos Gadgets personalizados

Tumblr_lyw4qljuqn1qcnb3lo1_500_large

Oieee!!Tudo bem com vocês?
A pedido da Vic eu vou postar 2 estilos de titulo dos gadgets,são muito pedidos!
Vamos lá?
1° modelo Créditos


Pegue o caminho da roça (Design-Editar HTML)e prucure por .footer-inner .widget h2
Quando achar cole esse código:

.footer-inner .widget h2,  .sidebar .widget h2 { text-align: center; background: #3CB371 /** Cor do fundo **/; color: #fff /** Cor do título **/; font-size:22px /** Tamanho da fonte **/; margin-top:-15px;margin-left:-15px; margin-bottom:10px;  padding:2px /* regule de acordo com a largura da sua Sidebar */; width:111% /* regule também aqui de acordo com a largura da sua sidebar*/; overflow:hidden }

Aconselho usar o Bloco de Notas para editar as cores e tals.

2° modelo Créditos


Esse é bem simples de fazer e só colocar em um novo gadget HTML/JavaScript o seguinte
código:

<style>
/**PERSONALIZAÇÃO DA SIDEBAR BY CANDYLLAND**/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
border-top:10px #ff1490 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 {
background:#fee /** COR DO FUNDO DO TITULO **/;
color:#f9b /** COR DO TITULO **/;
font-size:17px /** TAMANHO DO TITULO **/;
text-shadow:0 1px #ddd /** SOMBRA DO TITULO **/;
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR BY [www.candylland.net]**/
</style>


Beijos!!



3 comentários:

  1. ótimo tuto .

    Usei esse: http://viciadasemcupcake.blogspot.com.br/2012/06/tutorialfaixinhas-tableless.html#more

    ResponderExcluir
  2. ooiiiieee me ensina como deixar as postagens em forma de folha caderno no blog?tipo o seu assim,espero a resposta kisses

    http://animedoqem.blogspot.com.br/

    ResponderExcluir