Tutorial : Como fazer Negrito, Italico e Sublinhado personalizados (sem mexer no HTML)

                                            O prazo do concurso do Dream of Girl já está se acabando ,então corram !
                               
                                                                   
                                                            Olá floquinhos derretidos !! 
      Desculpem por não postar esses dias ,estou meio sem ideias do que postar ,então eu coloquei outra postadora ,a Luana ! Espero que gostem dela :3.
           Enfim lembra de um post que eu disse que aprendi a colocar tachado ,itálico,negrito e sublinhado no blog sem mexer no HTML ? Então hoje eu decidi fazer ele.Leia o resto ! ^3^
                                 O tutorial é fácil,pequeno e simples. 
             Primeiro vá em layout > Adicionar um gadget > HTML/JavaScript
     Agora cole esse código :
<style>
b {
color: #a0e281; /*cor do negrito*/
text-decoration: none;
-webkit-transition-duration:1s;}
b:hover {
color: #FF7BE7; /*cor do negrito ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
i {
color: #7BE0FF ; /*cor do italico*/
text-decoration: none;
-webkit-transition-duration:1s;}
i:hover {
color: #a0e281 ; /*cor do italico ao passar o mouse*/
text-decoration: none;
-webkit-transition-duration:1s;}
u {
color: #000 ; /*cor do sublinhado*/
text-decoration: none;
border-bottom: 1px dashed #a0e281; /*cor da borda de baixo*/
-webkit-transition-duration:1s;}
u:hover {
color: #a0e281; /*cor do sublinhado ao passar o mouse*/
text-decoration: none;
border-bottom: 1px dashed #000 ;  /*cor da borda de baixo ao passar o mouse*/
-webkit-transition-duration:1s;}
</style>  

                No código é só você colocar as cores que quiser onde está indicado e  onde está em negrito você também coloca uma cor.  Aqui tem  uma tabela de cores que você pode usar .
                Depois é só ir em salvar e prontinho ! >3<

                 Simples né ? Eu já estou usando ,e vocês ?
Bj♥.

CRÉDITOS :  Chá e Cupcake pela tuto e ao Encomendas para você pela imagem de inicio de post .

6 comentários:

  1. OI Cherry, eu vou testar essas html lá no SSG, depois eu falo se gostei ou não. Eu mudei o layout, coloquei aquele cabeçalho da Elsa.
    Bjs

    ResponderExcluir
    Respostas
    1. Oi Gi ! Eu vi o novo layout ,ficou lindo ! Acho que vc vai gostar ,fica bem legal no blog :)

      Bj♥.

      Excluir
  2. Oii tenho vagas para postadora no meu blog. Se estiver interessada comente o seu e-mail para o envio do pedido. Agradeço a sua resposta.

    http://mundobrilhoso.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Não sei se eu vou poder postar no Mundo Brilhoso Lucilana ,não estou tendo muito tempo para postar mas vou ver se posso ;).

      Bj♥.

      Excluir
  3. Oi Cherry esse tuto é muito bom vou re-blogar no Encomendas Little Cherry tudo bem?Eu gostaria de pedir afiliação para o Sweet Cupcake aceita?

    ResponderExcluir
    Respostas
    1. Claro ^-^ ! Pode reblogar sim ,mas com os créditos ao Chá e Cupcake e ao Dream of Girl ok ? Já vou colocar o Sweet Cupcake como afiliado ;)

      Bj♥.

      Excluir

♥----------Regrinhas Para Comentar----------♥
*Não xingue ou insulte ninguém
*Se for criticar critique com educação
*Tenha educação