Estilos para títulos de gadgets


|
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


532757_374482389263339_257649247613321_1100143_502333653_n_large
A coisa mais fofaa!

Gente, esse é um tutorial bem comum, mas vim trazê-lo pra vocês, com vários estilos prontos feitos por mim para o seu título dos gadgets. Já que votaram bastante nos tutoriais vou postar mais e mais diferenciados, e estou fazendo a parte 2 do videotuto de como fazer Layouts, aguardem!
Clique em leia Mais Para ler o tutorial e os estilos.
Estilizando seus títulos de gadgets!
O tutorial é bastante simples, basta colar o código do estilo que mais lhe agrade, acima da tag: 
]]></b:skin>
No seu HTML (Modelo &gt; Editar HTML &gt; Prosseguir) . Você pode apertar CTRL+F para buscar.
Escolha o seu estilo abaixo:
.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:

Stéfani Zimmermann disse...

ótimo tutorial ^^

Beijos,
http://placestyle.blogspot.com.br/

Milena dos Santos Almeida disse...

Muito legal!Amei o hover!Bjoss

http://cerejacorderosa.blogspot.com.br

IzaCarrion disse...

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

Leandra Putz!!! disse...

Oi linda

parabens pelo blog muito lindo!

adorei a dica !!!

bjk

www.cherryboomshop.com

Sweet Dreams disse...

Nossa flor que blog mais perfeito o seu e os posts também, amei demais!
http://sweetdreamssah.blogspot.com.br/
Segue?