Tutorial - Negrito, Itálico e Sublinhado


Yoo amores!

Como vão? Eu vou ótima, vou mudar de casa, to feliz com isso. Quem não fica né? - Alguém vai responder essa minha pergunta, só pra me dar patada - Mas então, odeio falar tanto  no começo das postagens, acho isso chato.

O tutorial de hoje, é como personalizar o negrito, itálico e sublinhado, deixando eles com efeito hover (Quando se passa o mouse), como os meus são. Vamos aprender?

Enjoy ~*

1. Vá em Editar HTML > Ctrl + F > Procure por:

]]></b:skin>

2. Acima disso que você achou, cole:


b {color: #SUACOR1;text-decoration: none;-webkit-transition-duration: .70s;}b:hover {color: #SUACORHOVER1;text-decoration: none;-webkit-transition-duration: .70s;}i {color: #SUACOR2 ;text-decoration: none;-webkit-transition-duration: .70s;}i:hover {color: #SUACORHOVER2;text-decoration: none;-webkit-transition-duration: .70s;}u {color: #SUACOR3;text-decoration: none;border-bottom: 1px solid #LINHADOSUBLINHADO;-webkit-transition-duration: .70s;}u:hover {color: #SUACORHOVER3;text-decoration: none;-webkit-transition-duration: .70s;

Entendendo os Códigos

#SUACOR1 & #SUACORHOVER1 se referem ás cores do negrito (B)

#SUACOR2 & #SUACORHOVER2 se referem ás cores do itálico (I)

#SUACOR3 & #SUACORHOVER3 se referem ás cores do sublinhado (U)

E por último, #LINHADOSUBLINHADO, se refere á linha do sublinhado. Troque "solid" por dashed, se quiser que a linha seja pontilhada ou dotted se quiser em pontinhos.


Tá meio ruim esse tutorial, mas qualquer dúvida, deixem nos comentários.

Bye ~*

Nenhum comentário:

Postar um comentário