16/11/2013

Tutorial - Negrito Itálico Sublinhado e Riscado


Hellow! Gente hoje vou fazer 3 tutoriais meio básicos (pelo menos tentar postar os 3 hoje ^^') para deixar o vosso blog mais bonito...
Comecei por vir trazer um tuto bem fácil, simples e fofo.

Vamos editar:
Negrito
Itálico
Sublinhado
Riscado

E tornar tudo mais fácil de ler, principalmente as partes importantes que podem querer que chame mais á atenção aos leitores ou não. (Experimente ler apenas o texto que eu editei nessa frase)

Bom, depois deste exemplo, vamos lá começar com o tutorial...
Vá a Design >> Editar HTML >>  CTRL F (ou F3)
E procure por:
]]></b:skin>

E acima disso 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 */

Bom, e agora é só modificarem o que está a negrito, sendo as cores.
Se precisarem, podem usar esta tabela de cores: (www)
Se não quiserem efeito hover, em vez de colocar o codigo anterior, colem este:

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 */  

E pronto, veja se tudo deu certo e guarde! ;)

2 comentários:

  1. Hello!! *-*
    Não sei se te lembras de mim mas eu sou a Mina, apenas mudei o nome xD Mas podes continuar a chamar de Mina se quiseres~
    Esse tuto foi muito útil *--* Estou a mudar umas coisinhas no meu blog e estava a precisar disso! *--*
    Foi muito fácil e ficou tudo bem ^^ Thank's~
    Espero que te ainda lembres de mim~
    Chu~ *3*

    ResponderExcluir
    Respostas
    1. Mina-chan!! *----*
      Siiiim, claro que me lembro de tiii >-<

      Ainda bem que foi util o/
      Fico feliz por isso ^-^

      Di nada ;)

      Excluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©