#Tuto: Negrito, itálico, sublinhado e riscado personalizado com hover e sem

Oiee, meus raios de sol! Tudo certinho por aí?

Todo mundo usa o negrito, itálico, sublinhado e riscado, claro, para dar destaque ao texto. Mas não adianta ser aquela cor preta morta. Hoje trago o tutorial; Negrito, itálico, sublinhado e riscado personalizado com hover e sem! Pra deixar com uma corzinha mais viva, então bora láaa!!

~ COM HOVER ~
Muda de cor quando passa o mouse
~~~~~~~~~~ ♥ ~~~~~~~~~~

Vá em Tema ≫ Editar HTML ≫ Dê CTRL+F ou F3 e procure por ]]></b:skin> acima dessa tag, cole o seguinte código:

b{color: #DA70D6; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo do negrito */

b:hover {color: #DA70D6; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo hover do negrito */

i {color: #63B8FF; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo do itálico */

i:hover {color: #63B8FF; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo hover do itálico */

u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dotted #7CFC00; -webkit-transition-duration: .40s;} /* Estilo do sublinhado */

u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dotted #7CFC00; -webkit-transition-duration: .40s;} /* Estilo hover do sublinhado */

strike {color: #009900 ; text-decoration: strike; -webkit-transition-duration: .40s; } /*Estilo do riscado */

strike:hover {color: #FF00FF; text-decoration: strike; -webkit-transition-duration: .40s; } /*Estilo hover do riscado */

Personalize as cores usando a nossa tabela de cores, visualize, se estiver tudo certo; salve e prontinho!

~ SEM HOVER ~
~~~~~~~~~~ ♥ ~~~~~~~~~~

Vá em Tema ≫ Editar HTML ≫ Dê CTRL+F ou F3 e procure por ]]></b:skin> acima dessa tag, cole o seguinte código:

b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dotted #7CFC00;} /* Estilo do sublinhado */

strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */ 

Personalize as cores usando a nossa tabela de cores, visualize, se estiver tudo certo; salve e prontinho!

OBS: Onde está em dotted, quer dizer o tipo da borda, então, se não quiser ela assim e quiser de outro jeito, é só clicar aqui para saber os tipos de bordas que tem no HTML.

Tchau tchau!!