Oi gente!
Primeira postagem do blog, um tutorial. Vou ensinar a deixar o negrito, itálico e sublinhado com efeito hover. Não sabe o que é? É assim: passe o mouse em cima desses 3 e verá que muda de cor. Observe:
Negrito, itálico, sublinhado
Não dá um ar de especial no blog? Então vamos aprender!
Os créditos do tutorial vão ao
Plush Bomb.
1- Vá em Editar HTML, tecle Ctrl + F e procure por
body {
2- Copie o código abaixo e cole depois da chave que fecha
body { (no caso, é esta: })
/*formatação -normal sem o mouse*/
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 -quando passa o mouse por cima*/
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}
O que está em negrito são as cores, que você pode alterar utilizando o
Color Picker ou, até mesmo, se preferir, utilizando uma tabela de cores.
Xoxo...