12 fevereiro 2012

Titulo da sidebar com efeito hover


Final de enquete só quando tiver 10 comentários hein! Vou demorara pra fazer o lay free então não esperem e continuem entrando porque agora que comecei a entender HTML, vou postar muitosss tutoriais!!

Hoy fones de chocolate!!!Queria pedir para votarem na enquete abaixo sobre o lay free:

Mas não é só isso, vou disponibilzar um código HTML para titulos de gagets, deixa-los com efeito hover, cara eu amo efeito hover!!, enfim o.0 Vamos lá!!




Esse é o como vai ficar, no meu blog de teste dá para ver [www] Primeiro vá em Design > Editar HTML> Ctrl+F e procure por:
]]></b:skin>
Acima dele coloque o seguinte código:
/*---Código por Cherry Sweet-Não retire os créditos---*/
.sidebar h2 {
background: #f5f5f5; /* background */
-moz-border-radius: 0 20px; /* bordas arredondadas */
-webkit-border-radius: 0 20px; /* bordas arredondadas */
border-radius: 0 20px; /* bordas arredondadas */
font-size: 15px; /* Tamanho da fonte */
color: #9C9C9C; /* Cor da fonte */
text-align: center; /* alinhamento do texto */
-webkit-transition-duration: 1.80s; /* velocidade da transição */
}
.sidebar h2:hover {
background: #f5f5f5; /* background em hover */
-moz-border-radius:20px 0; /* bordas arredondadas em hover */
-webkit-border-radius:20px 0; /* bordas arredondadas em hover */
border-radius:20px 0; /* bordas arredondadas em hover */
font-size: 15px; /* Tamanho da fonte em hover */
color: #9C9C9C; /* Cor da fonte em hover */
text-align: center; /* alinhamento do texto em hover */
}
/*---Código por Cherry Sweet-Não retire os créditos---*/
As instruções estão todas no código,para mudar qualquer coisa Ok?? Se tiver alguma dúvida, comente e se não tiver...humm...Comente também! Ficarei muito feliz em responder! Kisses!
Ps: não esqueçam de votar, a opinião de vocês vale muito!

7 comentários:

domênica disse...

Flor esse efeito de continuar lendo não sabia se ia ficar bom mais vi no seu blog e amei.
www.cute-bii.blogspot.com

vivi_smiler disse...

Heeeeeeey, eu adoro seus brushes *-* poderia postar alguns pra gente? HAHA' to precisando MUITO de brushes ):

Bjjs s2

Kiara-littlesweet.tk

vivi_smiler disse...

Ah! obrigada ^^ eu queria de ilustrações *u*

Anônimo disse...

Esse tutorial é muito legal, já votei na enquete. bjs
http://plumasepaets.blogspot.com/

Hannah Mariah disse...

Ficou lindo o efeito hover nos comentários flor. Eu aceito sim afiliação! Já está no meu blog hein, beijos:

teenagesky.blogspot.com

Gizele Veiga disse...

Flor, não fiquei brava, fiquei triste mas tá passando...hehehe

Olha o efeito que vc perguntou eu já publiquei a um tempinho, é o efeito hover com jquery :)

Obrigado pela visita ♥

kl disse...

oi tem como colocar uma imagem no back ground tanto no modo normalcomo no hover e que tipo eu vo faze em uma imagem para fazer bem os detalhes e invés de eu por o codigo da cor por a url da imagem da certo??