18 novembro 2012

Gadgets estilo fun

 
 Oi gente! Tudo bem? Hoje vim postar um tutorial a pedido da Carol do blog Concerteza Imperfeita.
Sabe a minha sidebar? Gostou do jeito dela? Isso é o que chamamos de efeito fun, e isso eu ví no blog Sweet Poison. Vamos?

Edit: Os códigos mudam os títulos e os gadgets :3
TUTORIAL.


1. No Blogger, vá em Modelo> Editar HTML.
2. Clique em 'Prosseguir'. Tecle Ctrl F e procure por:

]]></b:skin>
3. Logo acima dessa tag, cole:

.sidebar h2 {
color: #dcdcdc;
font-family: arial;
font-style: bold;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
text-shadow:#fff 0px 0px 1px;
}
4. Tecle Ctrl F novamente e procure por:
/* Widgets
5. Você vai encontrar esse código:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
}
6. Substitua toda a parte em negrito pelo código abaixo:

box-shadow: inset 0 0 18px #e2e1e1, 0 0 3px #ccc;
padding-bottom: 10px;
margin: 10px 0;
background: #fff;
padding: 5px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-top: 5px solid #B0E2FF;
border-bottom: 5px solid #FF69B4;
7. Salve.

Um comentário:

  1. Awwn! Muito obrigada,eu tava procurando muito um modelo de sidebar bonito! Obrigada! =)

    www.comcertezaimperfeita.blogspot.com.br

    Bjs!

    ResponderExcluir