18 de out de 2013

Tutorial - Negrito, itálico e sublinhado com hover

Olá Pessoal Tudo Bem ? Hoje trouxe um tutorial que é muito útil no layout para ficar mais bonito e dar mais vida rs o nome é Negrito, itálico e sublinhado com hover acho que muita gente deve conhecer esse , alias vejo muitos lays com esse efeito Peguei ele no KW e espero que vocês gostem ! Muito ! Desse Tutorial !

 O halloween esta chegando então vou preparar umas coisinha pra vocês blz , e Eu acho que vocês vou gostar Espero ! Pois vou preparar com muito amor e carinho Pra vocês ! O Final de ano tá chegando e talvez vou viajar e vou ficar um tempo sem postar Mas eu acho que a Julia vai ficar postando para vocês .Bom chega de Papo vamos ver o tutorial só clicar no botãozinho Leia Mais e Vamos Lá !



1. Procure por ]]> 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.



Então é isso gente Bjs !

Um comentário:

  1. Ajuda muito a decorar os layouts free's x3
    Adorei! Enfim, ér, eu aceito seu pedido de afiliação lá no The Secret Wonderland.
    Inclusive já te coloquei lá viu x3

    Kiss~

    ResponderExcluir

__Aceito Todo Comentários Até os de Criticas Porem Não Exagerem Pois alguns magoam :'c


__ Aceito Pedidos de afiliação e postadoras aqui \ o /