Tutorial: Personalizar Negrito, Itálico e Sublinhado do blog

<3 Percy
Olá! Tudo bem com vocês? Acabei não postando ontem porque eu saí com uma amiga. Por isso hoje teremos duas postagens. E amanhã eu vou para o aniversário de um amigo do meu irmão (intrusa), então já vou deixar a postagem de amanhã programada. Vamos ao assunto da postagem.

Tutorial de como personalizar o negrito, o itálico, o sublinhado e o tachado do blog. Eu peguei o tutorial desse blog, mas ele não posta faz um tempão (mais do que eu), por isso acho que ele está desativado, ou em hiatus. Então, vamos aos códigos.


Com Hover

- Procure por ]]></b:skin> e acima cole:
b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */
strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */
strike:hover {color: #FF00FF; text-decoration: strike; } /*estilo hover do riscado */
- Atenção: no estilo do sublinhado, percebam que temos dois códigos de cor. O primeiro é a cor da fonte, e o segundo é a cor da borda. Podem mudar também o estilo da borda, trocando "dashed" por outro código de borda. (Ex: solid) Isso vale para o sem hover também.


Sem Hover

- Procure por ]]></b:skin> e acima cole:
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 dashed #7CFC00;} /* Estilo do sublinhado */
strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */
Espero que tenham gostado do tuto. Daqui a pouco, tem a segunda postagem. Beijocas! >.< 

Nenhum comentário:

Postar um comentário