10 de jul. de 2014

Negrito, itálico, sublinhado e tachado (riscado) com efeito hover

Olá pessoal, graças a Deus estou curada da dengue e voltando ao blog. Trago para
vocês um tutorial bem útil para blog, negrito, ítálico, sublinhado e tachado com efeito hover.

Vá em design -Editar HTML  e procure por ]]></b:skin>. Quando achar, cole esse código acima dessa tag:

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

Se vocês quiserem sem o efeito hover, substitua o código anterior por:

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



7 comentários :

  1. Eu não consigui achar o ]]> no meu HTML :( .Você sabe o que eu posso procurar no lugar ?

    ResponderExcluir
    Respostas
    1. Procure por:
      .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
      border-$startSide: 1px solid $(tabs.selected.text.color);
      }

      Excluir
  2. Nossa, que bom que já está melhor.
    Acho que com o hover fica muito melhor, fica mais bonito.

    ResponderExcluir
    Respostas
    1. Obrigado Gustavo.
      Realmente com o hover fica bem melhor.

      Excluir
  3. Obrigada, me ajudou bastante, mas não deu certo *-* meu blog está ficando uma fofura com ajuda de vários tutoriais. ;3

    Espero você lá: https://imperio--kawaii.blogspot.com

    ResponderExcluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo