Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

3/17/2013

Ribbons no Titulo da Sidebar

Bom como todo mundo usa {porque é bonito} eu decide postar esse tutorial ó do blog Garota Vertigem confiram :

1- Vá em HTML e aperte Ctrl+F e procure por: /* Widgets.
Você vai encontrar algo assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
  margin: 10px 0;
}

2. E no lugar da parte destacada cole o seguinte código:
.sidebar h2 {
background: url(URL DA RIBBON)no-repeat;
color: #XXXXXX; /* COR DA FONTE */
font: italic 18px 'georgia'; /* FONTE */
padding-top: 40px;
padding-left: 40px;
width: 167px;
height: 167px;
text-align: left;
margin-left: -10px; /* AJEITE ATÉ FICAR NA POSIÇÃO CERTA */
text-shadow: 1px 1px 0 #XXXXXX; /* COR DA SOMBRA DA FONTE*/

 3. O que está destacado é onde você poderá fazer modificações. Provavelmente você terá que modificar quase todo código, pois cada blog tem uma proporção diferente.

5. Onde está URL DA RIBBON você irá colocar a url da imagem de sua ribbon.

Tutorial por Garota Vertigem


Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.