Mas sem muito papo furado, vamos logo ao tutorial! :D.
Visualize o efeito: aqui
Procure por ]]></b:skin> e após encontrar cole acima:
/* Sidebar Personalizada Por blog-the-memories.blogspot.com */Personalize o que tem de personalizar e dê os devidos créditos.
.sidebar h2 {
border-left: solid #D896FF; /* COR DA BORDA1*/
border-right: solid #D896FF; /*COR DA BORDA 2*/
background-color: #eed2ff; /*COR DE FUNDO*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; /*BORDAS*/
text-align: center; /* POSIÇÃO DO TEXTO*/
padding:0px;
width: 220px; /*LARGURA*/
height: 15px; /*ALTURA*/
color: #fff; /*COR DA LETRA*/
}
.sidebar h2:hover {
color: #fff; /*COR DA LETRA HOVER*/
border-left: solid #eed2ff; /* COR DA BORDA1*/
border-right: solid #eed2ff; /* COR DA BORDA 2 */background-color: #D896FF; /*COR DE FUNDO HOVER*/-webkit-transition-duration: 1.99s;
text-align: center; /*POSIÇÃO DO TEXTO*/
width: 220px; /*LARGURA*/
height: 15px; /* ALTURA*/
}
Fim.
Adorei o tuto. Personalizar é bem útil e legal ^^
ResponderExcluirÉ sim ;)
ExcluirCom certeza :D
ExcluirO tuto e muito bom :D
ResponderExcluirObg Mandy ^^
ExcluirOi fofa amei o tuto segue meu blog ? segui o seu , s2'
ResponderExcluirVem comigo !