Modelo para sidebar

Oi pimpolhos ♥ Tudo bem com vocês blogueiros perfeitos? Como já devem ter percebido, eu amo postar à noite #sqn, esse não é o verdadeiro motivo de eu postar sempre esse horário, o problema é que eu fico fazendo nada o dia inteiro e só me lembro de postar à noite kkk.Só para avisar, já editei a página de créditos, agora já falta o gadget de Tags, eu poderia ter feito isso antes, mas como sou preguiçosa né...Se vocês quiserem fazer pedidos, usem a ask, só para ficar tudo mais organizado.Uma leitora pediu para que eu postasse um tutorial daquele modelo da sidebar do meu layout antigo, então foi o que eu vim trazer hoje.Créditos no fim do post.

 

 
<< Normal | Hover >>
   

Vá em seu html e pesquise pela tag /* Widgets.Selecione o código que o acompanha, desde .sidebar .widgets {, até }, agora apague e substitua ele pelo código abaixo: 

.sidebar .widget {
font-family: cuprum;
color:#ccc;
font-size:8px;
padding: 5px;
margin:2px;
margin-top:5px;
margin-left:-43px;
Background: #FBFAF9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: .50s;
border-bottom: 1px solid #EEEAE1;
border-top: 1px solid #EEEAE1;
border-left: 1px solid #EEEAE1;
border-right: 1px solid #EEEAE1;
}
.sidebar .widget h2 {
padding-bottom: 6px;
padding-top: 6px;
background: #ffcbd2;
box-shadow: inset 0 0 16px #FFC1C9, 0 0 0px #FFC1C9;
border-radius:3px;
padding-left: 10px;
line-height: 8px;
margin-bottom: 5px;
font-family: cuprum;
letter-spacing: px;
font-size: 15px;
color: #FFAEB9;
text-shadow: 1px 1px 0px #fff;
text-align: center;
-webkit-transition-duration: .80s;
}
.sidebar h2:hover {
padding-bottom: 6px;
padding-top: 6px;
background: #CEC0DA;
box-shadow: inset 0 0 16px #BAA9C8, 0 0 0px #faf0f1;
border-radius:1px;
padding-left: 10px;
line-height: 8px;
margin-bottom: 5px;
font-family: cuprum;
font-size: 15px;
color: #fff;
text-shadow: 1px 1px 1px #AFA0BC;
text-align: center;
-webkit-transition-duration: .80s;
}

Esse código é o que eu editei, apenas a parte normal, como estava no meu outro layout. 
Eu postei apenas esse modelo, mas vocês podem ver outros aqui:

Créditos: Having Cherry

6 comentários:

  1. Amei esse código <3 Pretendo usa-lo u3u.
    Eu também amo postar a noite *3*
    querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )

    ResponderExcluir
  2. Ameeei essa sider, que perfeita . Vou usar no meu proximo layout !
    Seguindo linda , retribui ?
    beijãao

    cantinhodarebec.blogspot.com.br

    ResponderExcluir
  3. Modelo lindo de mais!! talvez eu use, talvez em um lay free >3<

    www.k-awaiicherry.blogspot.com || hiatus, deixe seu follow!

    ResponderExcluir
  4. Modelo mesmo lindo! Acho que o vou usar,mas darei os créditos!

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.