20 de fev de 2013

Negrito, itálico e sublinhado com hover


Olá gente boa, como estão? espero que muito bem****. Acho que todos sabem o que é negrito, itálico e sublinhado, mas nem todos sabem que tem um tutorial que deixam eles com efeito hover. Pois bem estou aqui para escinar a vocês como se fazer isso! é bem fácil, e se usar lembre-se sempre que tem que creditar!




1º Passo: Abra seu blog → Vá em modelo → Editar HTML.
2º Passo: Dê F3 e procure por:]]></b:skin> , quando achar cole o seguinte código acima dessa tag.

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 ;} 
 3º Passo: Acho que agora ficou meio confuso saber qual é qual ai, mais como eu sou uma pessoa muito ótima eu explico.


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.

4º Passo: Depois é só visualizar e ver se não deu erro no HTML  e depois se tiver tudo certo salvar!

6 comentários:

  1. Ola meninas tem tutorial de maquiagem no ar,no blog tbm sorteio espero por vocês.Obrigada

    http://luana-make.blogspot.com.br

    ResponderExcluir
  2. Uso atualmente esse tutorial no Blog e recomendo *-*
    Abraço.
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
  3. é um ótimo tutu, eu já conhecia
    Beijos - todasdesastradas.blogspot.com.br/

    ResponderExcluir
  4. Adorei *-*
    Beijos ;)
    http://detudoumpouco04.blogspot.com.br/

    ResponderExcluir
  5. Adoro este efeito,já uso ele no meu blog,
    jáseguindo.
    Beijos,
    http://primeiroseusonho.blogspot.com.br

    ResponderExcluir