Tutorial - Negrito, itálico e sublinhado com hover

 

Yoo!

Hoje eu trouxe um tutorial super simples, fácil de fazer e que dá uma pequena diferença no blog. 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. Não é nada complicado.

Espero que entendam a explicação ~ 

1. 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 ;} 

Acho que esse código todo mundo entende.

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.