20 maio 2013

Tutorial:Negrito,itálico,sublinhado e tachado personalizados com hover

 Ohayou Gozaimasu c:
Ontem me deu uma vontade louca de começar a ler um livro,então baixei o Divergente ele tem uma história ótima e original e o nome da protagonista é Beatrice >O< Pra quem não entendeu é que eu me chamo Beatriz e ela Beatrice,não liguem pra minha idiotice >.< Hoje eu trouxe um tutorial para personalizar o negrito,itálico,sublinhado e tachado do blog como o meu.

Modelo→Editar HTML 
Clique na caixa do HTML e depois em Ctrl+F e procure por ]]></b:skin>
Cole o código abaixo,acima de ]]></b:skin>
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*/
E pronto!Agora é só você visualizar e se estiver tudo certo,salve.
Beijos,Bia

5 comentários:

  1. Anônimo20/5/13

    Uso muito esse Tutorial Beijos
    Garota Impiedosa.

    ResponderExcluir
  2. Eu amo esses tutoriais, acho bem legais ♥
    http://srta-kawaii.blogspot.com.br/

    ResponderExcluir
  3. Adoro esse tutorial, ele deixa o blog mais bonito *--*

    http://detachedt-hings.blogspot.com.br/

    ResponderExcluir
  4. Esse tuto é ótimo e não pode faltar!

    tree-words.blogspot.com

    ResponderExcluir
  5. Ah, e aceito afiliação ja vou te colocar!

    tree-words.blogspot.com

    ResponderExcluir