Tutorial: Negrito, Itálico e Sublinhado com Efeito Hover

Oiee!!

Tudo bom??

Ta tão quente não é?

Acho que dá até pra fritar um ovo na calçada...

Voltando ao assunto...

Bom, depois do tutorial do Menu Candy, trouxe o tutorial de Efeito Hover....

 Acho que vocês já perceberam que ao passa o mouse sobre o negrito, itálico e também sobre o sublinhado aqui do blog, a cor muda. Isso é porque temos a presença do hover.

Vou mostrar a vocês como colocar esse efeito no blog de vocês também.

É muito fácil.

Vamos lá??

1. Vá no HTML do seu blog, aperte Ctrl+F 

2. Procure por ]]></b:skin> e acima da tag, cole: 

b {

color: #c7c8ca;

text-decoration: none;

}

b:hover {

color: #f4bec1;

text-decoration: none;

}

i {

color: # c7c8ca ;

text-decoration: none;

}

i:hover {

color: # f4bec1 ;

text-decoration: none;

}

u {

color: # c7c8ca ;

text-decoration: none;

border-bottom: 1px dashed #e6e2b3;

}

u:hover {

color: #  f4bec1;

text-decoration: none;

border-bottom: 1px dashed #  f4bec1 ;} 

Colinha do Código:

B refere-se ao negrito e b:hover ao negrito ao passar o mouse.

I refere-se ao itálico e i:hover ao itálico ao passar o mouse.

U refere-se ao sublinhado e u:hover ao sublinhado ao passar o mouse.