[Tutorial] Negrito, Itálico, Sublinhado e Riscado Personalizado: Duas Formas!

Que kawaii *----*
Ohayo minna kawaii desu *-*
Tudo bem com vocês? >3< Comigo sim ^^ Bem, isto é uma postagem agendada. Neste preciso momento estou a fazer o teste de Francês, espero ter boa nota = u =
Hoje vim postar um tutorial de como personalizar o negrito, itálico, sublinhado e riscado \o quem não souber como colocar, estão ali em cima, são aquelas letras u v u B I U ABC :v Se quiserem ver o tutorial, cliquem em Leia Mais...

Negrito, Itálico, Sublinhado e Riscado Hover

1. Vão a Modelo >> Editar HTML >> Procura por ]]></b:skin>

2. Acima de ]]></b:skin>, colem o seguinte código:
b{color: #FFA500; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #FF8C00; text-decoration: none;} /* Estilo hover do negrito */i {color: #F4A460; text-decoration: none;} /* Estilo do itálico */i:hover {color: #FF7F50; text-decoration: none;} /* Estilo hover do itálico */u {color: #FF8C00; text-decoration: none; border-bottom: 1px dashed #FF8C00;} /* Estilo do sublinhado */u:hover {color: #FF6347; text-decoration: none; border-bottom: 1px dashed #FF6347;} /* Estilo hover do sublinhado */ strike {color: #FFA500  ; text-decoration: strike;  } /*estilo do riscado */strike:hover {color: #FF6347; text-decoration: strike;  } /*estilo hover do riscado */ 
Negrito, Itálico, Sublinhado e Riscado Hover Com Efeito Fade

1. Vão a Modelo >> Editar HTML >> Procura por ]]></b:skin>

2. Acima de ]]></b:skin>, colem o seguinte código:
/*formatação -normal sem o mouse*/
b, strong, bold { color: #883355; -webkit-transition-duration: .80s} /*cor do negrito*/
s, strike { color: #886666; -webkit-transition-duration: .80s} /*cor do rasurado*/
u, underline { color: #556688; border-bottom: 1px dashed #883355; text-decoration: none; -webkit-transition-duration: .80s} /*cor do sublinhado e da linha abaixo*/
i, em, italic { color: #886666; -webkit-transition-duration: .80s} /*cor do itálico*/
/*formatação hover -quando passa o mouse por cima*/
b:hover { color: #556688; -webkit-transition-duration: .80s} /*cor hover do negrito*/
s:hover { color: #775555; -webkit-transition-duration: .80s} /*cor hover do rasurado*/
u:hover { color: #883355; border-bottom: 1px solid #883355; text-decoration: none; -webkit-transition-duration: .80s} /*cor hover do sublinhado e da linha abaixo*/
i:hover { color: #556688; -webkit-transition-duration: .80s} /*cor hover do itálico*/
Créditos: 

Se algo não funcionar avisem, e se utilizarem não se esqueçam de creditar ^^

Nenhum comentário:

Postar um comentário

Que bom que vais comentar!!!! Só tena de seguir estas regras:

♥Podes pôr a url do teu blog, para o poder visitar.
♥Podes comentar com palavrões e xingar, mas não sairás vencedor
♥Dá-me a tua opinião para melhorar o blog- Podes fazer a diferença!

✖Pedidos de Parceria na própria página
✖Aviso de Tags aqui.
✖Pedidos na Ask