31 de out de 2012

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


Oiee!!
Tudo bom??

Ta tão quente não é?
Gif Lilo e Stitch
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 negritoitá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.



Nenhum comentário:

Postar um comentário

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!