19 abril, 2012

Tutorial - Personalizando o Título do Gadget - 5 Tipos

2b9acf018f418d21a98d36e66c2d4f42eced33717f35-k7taov_fw554_large

Hoy meus amores hoje vim postar 5 formas de personalizar o título dos gadgets. O resultado fica lindo. Clique em READ MORE para ler mais.


 Antes de pegar os códigops dos modelos de como vai ficar e ver como vai ficar, Vá em design > Editar html > Dê ctrl + f e pesquise por :

]]></b:skin>

E acima da tag pesquisada cole um dos códigos abaxo :

Modelo 1 :


(Imagem Sweet Poison)

Código :

.sidebar h2 {
background: #f5f5f5;
border-bottom: 3px double #40E0D0;
font-family: arial;
font-style: italic;
font-size: 10px;
font-weight: normal;
text-align: right;
text-shadow:#fff 0px 0px 1px;
}

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 2 :


(Imagem Sweet Poison)

Código :


.sidebar h2 {
background: #000;
font-family: arial;
color: #fff;
font-size: 10pt;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #F0F8FF;
text-align: center;
text-shadow:#fff 0px 0px 1px;
border-radius: 10px;
}
Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 3 :

(Imagem Sweet Poison)

Código :


.sidebar h2 {
background: #7AC5CD;
color: #fff;
font-weight: normal;
text-align: center;
font-family: century gothic;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 4 :


(Imagem Sweet Poison)

Código :


.sidebar h2 {
background: #E6E6FA;
color: #9370DB;
border-bottom: 2px solid #9370DB;
font-weight: normal;
text-align: center;
font-family: tahoma;
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;
}

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Modelo 5 :


(Imagem Sweet Poison)

Código :

.sidebar h2 {
background: #DDF7F7;
border-right: 3px solid #33CCCC;
color: #000;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
text-transform: lowercase;
padding-right: 2px;
}

Onde está negritado de vermelho é a cor do fundo, onde está negritado de verde é a cor bordinha, onde está negritado de azul é a cor do texto e onde está negritado de rosa é posição :  right  é direita,  left  é esquerda e center  é centro.

Então estes são os 5 modelos, espero que tenham gostado do post e até + ‼ ♥


16 comentários:

  1. Muito bom o tutorial, né? Eu prefiro usar imagens no lugar do título...
    www.batomdeframboesa.blogspot.com

    ResponderExcluir
  2. Tutorial Mara!
    Ei amor, lançado o selo da campanha, ajuda a divulgar? Um chêro

    ResponderExcluir
  3. Adorei todo o blog e queria pedir a você se puder fazer um layout para os meus blogs!?

    beijinhos e fico a espera

    http://poesia-de-uma-vida.blogspot.pt/
    http://o-meu-ladooculto.blogspot.pt

    ResponderExcluir
  4. Obrigada pelo apoio amada! *O*
    EEBAAAAAAAAAAAAAAAAAAAAAAAAAA! o/ Pegar seu link-me <3

    ResponderExcluir
  5. <*center><*a href="http://loladelight.blogspot.com" target="_blank">
    <*img border="0" src="http://i1196.photobucket.com/albums/aa411/cby-fanny/Link.png" /><*/a><*/center>

    Ai o código, fica na página de parceria ><'

    ResponderExcluir
  6. ~respondendo seu comentário~ É, pra mim caveira é um símbolo de quem não tem racismo entendeu? Ali na caveira, você não sabe quem é branco, quem é negro, quem é gordo, quem é magro... E assim não tem o preconceito, entendeu? É isso que eu penso... Já minha mãe.
    batomdeframboesa.blogspot.com

    ResponderExcluir
  7. Muuuuuuito show que fica! Na faculdade eu tive isso, mas acho um saco fazer. haha
    http://super-feminina02.blogspot.com.br/

    ResponderExcluir
  8. Adorei os tutoriais baby c:
    http://princesswithallstar.blogspot.com.br/

    ResponderExcluir
  9. Adooooooooro tipos de titulos de gadgets *-* Outro vício além de cabeçalhos e brushes, hehe. Fazem a maior diferença! Ps: babo muito no design daqui, adoro!
    www.justdebee.blogspot.com

    ResponderExcluir
  10. Adorei as dicas, muito bom!!
    Beijo, obrigada por comentar.
    http://luanapdomingues.blogspot.com.br

    ResponderExcluir
  11. Ótimo tutorial, vou usar um deles no meu blog.
    http://i-teenbr.net.tc

    ResponderExcluir
  12. nossa que bonitinhos esses tipos de titulos da gadgets hehe (:

    http://garotoonerd.blogspot.com.br

    ResponderExcluir
  13. amei as tutorial bem legal
    sempre e bom ter um estilo diferente neh
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  14. Nossa, muito bom esse tutorial, adorei! Tenha uma ótima sexta-feira e uma boa tarde (: Te espero lá no Garota-Fahiion.tk tá? Seria uma honra te ver por lá.


    garota-fashiion.tk

    ResponderExcluir
  15. Adoreeei!!! Parabéns!

    Queria avisar, que o blog Brilho de Garota mudou de nome, e agora se chama Super Diva, mudou de URL também

    http://super-diiva.blogspot.com

    Beijokinhas: Lary- Super Diva

    ResponderExcluir