29/07/2012

Tutorial : Efeito hover no Negrito, Itálico, e Sublinhado .

Yo minna ! Como vão ? Estou elaborando vários posts semanais que farei aqui no Blog , assim que conseguir mais seguidores , enquanto isso vou continuar postando materiais e tutoriais , mais para frente vai vir coisas novas . Em fim , hoje vou lhes ensinar a personalizar o Negrito, Itálico, e Sublinhado com o efeito hover . Igual daqui . Confira >>
Vá no seu HTML , dê Ctrl + F ou F3 e procure por :   ]]></b:skin>
Acima dele cole o seguinte código :
b {color: #DB7093; text-decoration: none;} /* Estilo Negrito */b:hover {color: #000000; text-decoration: none;} /* Negrito Hover */i {color: #bebebe; text-decoration: none;} /* Estilo Itálico */i:hover {color: #000000; text-decoration: none;} /* Itálico Hover */u {color: #8B658B; text-decoration: none; border-bottom: 1px solid #CDB5CD;} /* Estilo Sublinhado */u:hover {color: #8B658B; text-decoration: none; border-bottom: 1px solid #CDB5CD;} /* Sublinhado Hover */ }

 Agora é só modificar as cores que eu grifei . Caso não tenha compreendido , o coral indica a cor do texto , o amarelo indica a cor do texto em hover , o verde é a cor do traço do sublinhado e o azul é do traço sublinhado em hover . Tabela das cores : (www) .
Créditos : (www) .

2 comentários:

  1. òtimo tutorial,me ajudou muito e parabens pelo blog,ta maravilhoso.
    ~Kissus
    http://so-sei-que-estou-amando.blogspot.com.br

    ResponderExcluir

-Primeiro , não não peça Tutoriais / Materiais pelos comentários , use a Ask - me .
-Não desrespeite ninguém , tenha educação .
- Comente sobre o post .
- Deixe a sua url no fim do cometário para que eu posso lhe retribuir o mesmo .