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