6 de mar de 2014

❤ Modelos para título da sidebar

   
Oi bom dia meus queridos, queria me desculpar pelo sumiço, eu estava curtindo o carnaval por aqui e só encontrei tempo para postar hoje, queria avisar que já estou fazendo mais um lay free para a meta de 350 seguidores do blog, estou um pouco sem criatividade mas vou fazer o possível para ele ficar bonitinho. Falando sobre a postagem de hoje, trouxe para vocês alguns modelos muito lindos para o titulo da sua sidebar, esse tutorial não foi feito por mim, por isso se você for usar não deixe de olhar os créditos no rodapé da postagem ok?


Para os modelos vá no html de seu blog, aperte as teclas Ctrl f ou f3 e procure por ]]></b:skin> e acima
adicione o códigos do modelo desejado, modificando o que se pede.

Modelo 01


.sidebar.widget h2 {
margin-top: 15px;
margin-bottom: 5px;
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: 3px;
color: #ccac90;
border-bottom: 1px dotted #c8bcb2;
font-size: 11px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #b39478;
-webkit-transition-duration: .50s;
}

Modelo 02


.sidebar.widget h2{
background: #cor_do_fundo_normal;
color: #cor_da_letra_normal;
height: 15px;
padding: 3px;
width: largura_do_títulopx;
font-size: 8px;
text-align: right;
border-right: 5px solid #cor_da_borda_normal;
font-family: "Tipo da letra";
-webkit-transition-duration: .80s;
}
.sidebar h2:hover{
background: #cor_do_fundo_hover;
border-right: 5px solid #cor_da_borda_hover;
-webkit-transition-duration: .80s;
}

Modelo 03



.sidebar.widget h2 {
text-align: center;
background-color: #FFC0CB;
width: 230px;
height: 15px;
font-size:13px;
text-shadow:0 1px 1px #ffffff;
border-bottom: 1px dotted #EE1289;
}


Modelo 04 



.sidebar.widget 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;

Modelo 05 




.sidebar.widget h2 {
font-family:Arial;
color: #CCDDC7;
border-left: 5px solid #D9FCCE;
border-right:5px solid #DBC6F7;
text-shadow: 1px 1px 1px #F6FDF3;
background:#FBF9FD;
text-align: center;
font-size: 15px;

Modelo 06 




@font-face { font-family: "rabbit"; src: url('http://static.tumblr.com/dlelfro/FcTmnnzis/cheeky_rabbit.ttf');}
.sidebar.widget h2 {
font-family: rabbit;
color: #fff;
text-align: center;
background: url(http://i.imgur.com/iSOtYFt.png) no-repeat left;
background-color: #d2b9c3;
padding: 10px;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}

Modelo 07 



.sidebar.widget h2 {
text-align:center;
background-color: #XXXXXX; cor de fundo
padding:1px;
border: 1px solid transparent;
-webkit-transition:0.4s;
display:inline;
float:right; pode mudar para left
margin-top:-15px;
text-shadow: 0px 1px 1px transparent;
height: 14px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


Os créditos vão para Things Html, World of Thel, Chá com Anjos, Black Cherry

31 comentários:

  1. Amei o 5 :3 Irei usar ele !
    Aceita Afiliação? Se aceitar, avise - me no meu blog :3

    SS || Spring Summer

    ResponderExcluir
  2. adorei os modelitos, que amor >3<

    http://dr-eaming.blogspot.com.br/

    ResponderExcluir
  3. Amei os modelos!! *-*

    vim agradecer pela ultima visita em meu blog
    e quero te convidar para ver o novo post^^
    http://gliter-lovely.blogspot.com.br/

    Abraços!! o//

    ResponderExcluir
    Respostas
    1. muito obrigada, vou dar uma olhadinha sim, no novo post, beijos.

      Excluir
  4. Oi Flor (dinovo) Já coloquei seu blog nos meus afiliados

    SS || Spring Summer

    ResponderExcluir
    Respostas
    1. Oi Desculpe comentar aqui *-* você tinha me pedido afiliação, tava no nome de Leslie Burker acho que não era você, mais eu já coloquei o blog na elite se puder me colocar também beijos!

      Dream of World | dreamof-world.blogspot.com

      Excluir
  5. Todos são legais, mas gostei mais do primeiro *--*
    Dream UP

    ResponderExcluir
  6. Amei os modelos estão um amorzinho *3*
    Gostei bastante, talvez eu use!
    Esqueceu de min? :'c
    Beijos Voadores <3
    querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )

    ResponderExcluir
  7. Eu simplesmente amei o layout do seu blog *.......* faz tutorial de coo deixar as imagens dos seguidores menos igual a do seu? Kisses candy!

    ResponderExcluir
  8. Muito fofos os modelos! Espero que consiga atingir logo sua meta.

    http://moshimoshi-kawaii.blogspot.com.br/

    ResponderExcluir
  9. Já havia visto os modelos, eles são lindos >3<, espero que alcance a sua meta rapidamente. Bom, vi seu pedido de afiliação no blog, se ainda estiver interessada, lê as regrinhas e comenta lá ok? Kissu

    http://www.wh-asia.net/p/blog-page.html

    ResponderExcluir
  10. Que lindos, todos eles estão perfeitos *u* Principalmente o primeiro e o segundo <3

    http://maiira-t.blogspot.com.br/

    ResponderExcluir
  11. Os modelos para título sidebar são lindos, principalmente o 2º.

    Sweet of Cherry

    ResponderExcluir
  12. Os modelos são lindos. Acho que usarei o 5 no meu próximo lay. Aliás até pus a postagem na minha barra de favoritos do Google pra não esquecer ><

    | Countings Stars | Visita? Blog Novo. Lets go \o/

    ResponderExcluir
  13. O primeiro é o mais bonito ;3 e o seu lay ta lindo.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  14. São muito fofos >3< eu aceito sua afiliação sim, flor. Já te coloquei, poderia me colocar? obrigada.

    http://dr-eaming.blogspot.com.br/

    ResponderExcluir