Personalizar o negrito, itálico, sublinhado e riscado

Hello bb's! Me pediram pela Cbox um tutorial de como fazer o Negrito, itálico, sublinhado e riscado (não tá riscado porque eu personalizei) que nem os do blog, personalizados. Vou ensinar de modo hover (muda quando passa o mouse por cima) ou não.

Vá no HTML do seu blog e procure por ]]></b:skin> . Logo acima da tag encontrada, 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 */
Mudem as cores e etc conforme quiserem. Se quiserem sem estado hover, em vez desse código cole esse:
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 */
Personalize como quiser, e pronto. Visualize, se estiver tudo certo salve.
Beijos~ 

7 comentários:

  1. Era mesmo esse tuto que eu estava procurando,obrigada,você me salvou *-*
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  2. *o* também estava procurando esse tuto >< obrigada! amei seu blog! bjs

    ResponderExcluir
  3. Belo tutorial , rebloguei ele , tem problemas ? Se sim pode deixar que eu edito o meu post e tiro , abraços

    ResponderExcluir
  4. Valeu obrigada! Usei em meu blog bjs

    ResponderExcluir