Oi meninas,hoje eu vou ensinar a colocar o Negrito,Itálico,Sublinhado e riscado personalizados deixa as letras mais charmosas com cores diferentes vamos começar?
Riscado cor deste fundo
Se quiser ver o tutorial clique em leia mais..
Vá em design-> Editar HTML,tecle CTRL+F ou F3 e pesquise na caixinha ]]></b:skin> e aperte enter quando achar ]]></b:skin> cole á cima disso este código:
b{color: #FF82AB; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #FF3E96; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #DA70D6; text-decoration: none; border-bottom: 1px dashed #DA70D6;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */
Cor do negrito (cor deste fundo).
b{color: #FF82AB; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #FF3E96; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #DA70D6; text-decoration: none; border-bottom: 1px dashed #DA70D6;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */
strike {color: #63B8FF ; text-decoration: strike; } /*estilo do riscado */
strike:hover {color: #FF00FF; text-decoration: strike; } /*estilo hover do riscado */
As cores que estão no código são as em negrito,escolhi cores bem meiguinhas são essas as cores:
Itálico (cor deste fundo)
Sublinhado cor deste fundo
O tal estilo hover que está no código é como fica a letra ao passar o mouse,para mudar as cores vá nessa tabela de cores:
http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm É muito boa e tem muitas cores.
Bom é esse o tutorial créditos ao site: WORLD GIRL-BLOG OFFICIAL
bjs espero que tenham gostado do tutorial e que seja útil.;D
Nenhum comentário :
Postar um comentário