Fiquei esse tempo sem postar porque ninguém estava comentando nos posts, mas não ia nunca abandonar o blog, viu? Comentem, por favor! E ah, que tal queo próximo lay seja exprimindo meu lado bem rocker
Estilizando seus títulos de gadgets!
O tutorial é bastante simples, basta colar o código do estilo que mais lhe agrade, acima da tag:
O tutorial é bastante simples, basta colar o código do estilo que mais lhe agrade, acima da tag:
]]></b:skin>
No seu HTML (Modelo > Editar HTML > Prosseguir) . Você pode apertar CTRL+F para buscar.
.sidebar h2{
text-align:center;
background: #DDA0DD;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}
.sidebar h2:hover{
text-align: center;
background: #DA70D6;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}
.sidebar h2{text-align:center;border-bottom: dashed 1px #ec92c6;font-size: 18px;color: #000;width: 180px; /* Altere de acordo com a largura da sua coluna*/height: 10px;text-shadow: 1px 1px 0 #ccc;}
.sidebar h2 {text-align: center;background:#8DEEEE;padding: 8px;font-size: 18px;color:#528B8B;border: outset #79CDCD;width: 180px; /* Altere de acordo com a largura da sua coluna*/height: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
Por hoje só são esses, espero que tenham gostado!
Beijos!
5 comentários:
ótimo tutorial ^^
Beijos,
http://placestyle.blogspot.com.br/
Muito legal!Amei o hover!Bjoss
http://cerejacorderosa.blogspot.com.br
Adorei os estilos, no meu próximo layout farei algo mais ou menos assim . Obrigada eu tava precisando de uns tutos assim! =D
http://hoot-and-cold.blogspot.com
Oi linda
parabens pelo blog muito lindo!
adorei a dica !!!
bjk
www.cherryboomshop.com
Nossa flor que blog mais perfeito o seu e os posts também, amei demais!
http://sweetdreamssah.blogspot.com.br/
Segue?
Postar um comentário