12 de fev. de 2013

Modelos para sidebar



Oii galera .. Hoje eu trouxe um tutorial que pertence ao Kawaii World
A sidebar vai ficartipo daqui do Blogueira Rebelde

Assim ;3

Vamos em Designer >> Editar HTML >> CTRL F (ou F3) e procure por ]]></b:skin>

Agora escolha um desses códigos abaixo e cole acima da tag procurada ok?!


.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/H74mcqas9/1.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #99c89b;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}


.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/y87mcqay4/2.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #debd73;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}


.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/mrrmcqb0y/3.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #b491d8;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/oOymcqb2w/4.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #78adf8;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}




.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/0Ramcqb61/5.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #ffa4d6;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}


.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/Fq2mcqb90/6.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #eb5374;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/pUrmcqbby/7.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #dad173;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/H0vmcqbnn/8.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #df64b6;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}


.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/kcwmcqbws/9.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #979797;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}
.sidebar h2 {
font-family: Verdana;
font-size: 18px;
color: #fff;
background: url(http://static.tumblr.com/0xqvkot/9QLmcqc73/10.png) no-repeat center;
height: 35px;
width: 200px;
text-align: center;
text-shadow: 1px 2px 3px #8b5959;
margin-top:-12px ;
margin-left:-25px ;
margin-bottom:12px;
padding:6px;
width:115%;
}

9 comentários:

  1. otimo eu tô seguindo seu blog pode me seguir de volta. O coisinhas para blogger agradece

    ResponderExcluir
  2. Ooi Heloise ,Saudades...
    Adorei o Tuto!!!

    ResponderExcluir
  3. Belo tuto... gostei dos sides .. achei teu cantinho lindo

    Te convido pra conhecer meu blog, quem sabe você goste? rs

    http://umcurtocircuito.blogspot.com.br

    Beijos fica com Deus :*

    ResponderExcluir
  4. Fica muito bonito assim :)
    que bom que você disponibilizou ^^
    o tutorial.

    relicariodasrafleur.blogspot.com.br

    ResponderExcluir
  5. Muito lindo seu blog *O*

    ResponderExcluir

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE