25 de mai. de 2012

Como colocar Negrito,itálico,sublinhado e riscado com efeito hover.

 
Oii!
Hoje temos 02 tutoriais de hoje e ontem :-)
                     Como colocar Negrito,itálico,sublinhado e riscado com efeito hover.
Veja com é: Sublinhado,itálico,sublinhado e riscado.

Para fazer vá em seu HTML e salve todo o seu HTML no Bloco de notas e volte ao HTML aperte F3 procure por
Body{
 (Foto do Cat Girl)
/*formatação*/
b, strong, bold { color: #9ACD32; -webkit-transition-duration: .80s}
s, strike { color: #FF7F00; -webkit-transition-duration: .80s}
u, underline { color: #00CED1; border-bottom: 1px dashed #7FFF00; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #FF3E96; -webkit-transition-duration: .80s}
/*formatação hover*/
u:hover { color: #9400D3; border-bottom: 1px solid #FF3030; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #FF6347; -webkit-transition-duration: .80s}
s:hover { color: #4876FF; -webkit-transition-duration: .80s}
i:hover { color: #FFD700; -webkit-transition-duration: .80s{                                                                                                                                   Para trocar as cor que está sublinhada vá neste linkTabela de cores.
                    Créditos: Cat Girl
                                           Beeijos *U*
 

Nenhum comentário:

Postar um comentário

Mini F.A.Q^^
- Não comente nada do tipo : ''Seguindo,seque de volta?'' ou ''Tem postagem nova no blog, vai lá ver''.
- Não xingue ou ofenda ninguém nem á mim.
-Críticas, só construtivas.
-Atenção: Os comentários são sempre MODERADOS!!!
- Para pôr link no comentário.
Para ir ao verdadeiro F.A.Q Venha Aqui