sábado, 22 de setembro de 2012

Personalizar o negrito, itálico e sublinhado com hover



Oii pessoas! Que emoção, primeiro tutorial hein! KKK' Vou começar pelos tutoriais mais facinhos e ir aumentando o nível depois c:
Este é um dos tutoriais mais simples que tem!!! Basta só um pouquinho de atenção para não errar! Vamos começar? c:



- Primeiro, clique em Modelo > Editar HTML > Prosseguir.

- Aperte CTRL + F, e pesquise por: 
 ]]></b:skin>

- Cole este código acima da tag:

b{color: #FFC0CB; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #FF6EB4; text-decoration: none;} /* Estilo hover do negrito */
i {color: #FFF0F5; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #FFE4E1; text-decoration: none;} /* Estilo hover do itálico */
u {color: #FFB6C1; text-decoration: none; border-bottom: 1px dashed #FFE4E1;} /* Estilo do sublinhado */
u:hover {color: #FFE4E1; text-decoration: none; border-bottom: 1px dashed #FFB6C1;} /* Estilo hover do sublinhado*/

4º- Agora, é só personalizar onde manda! De preferência só mecha onde estiver com # no começo.
Se não quiser com efeito hover, basta deletar o que estiver de roxo.

E prontinho c: É um tutorial simples, mas que faz uma diferença enorme!
Beijos e até amanhã!






14 comentários:

  1. Adorei, este realmente é um dos tutoriais mais fáceis mas que faz uma grande diferença em um layout! É um dos meus tutoriais preferidos! ;3; ~♥

    Obrigada por ter visitado, pelo follow e por ter comentado lá no Toxic Cherries! Fiquei muito feliz com sua visita, gostei muito daqui é tão rosa e fofo e delicadinho e.. *----*
    ~risos~
    Estou seguindo de volta! ~chuu

    [ para visitar o toxic cherries, visite o meu perfil! ]

    ResponderExcluir
    Respostas
    1. Pois é *u* É praticamente o básico do lay! KKK'

      Awn que nada *u* Amo o Toxic Cherries!
      Muito obrigada *.*

      Bjs ^_^

      Excluir
  2. Ameei :DD
    Uso lá no SDM, fica show ^^

    Bjs!

    ResponderExcluir
  3. É umtutorial muito útil!
    blog-onedream .blogspot .com

    ResponderExcluir
  4. adorei tava precisando rsrs obrigada pelo tuto xD
    ahh seguiindo segue o meu tb pfv?
    BJS.<3
    http://kawaiidown.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou! rsrs
      Ah obrigada por seguir ^^ Vou seguir o seu tbm

      Bjs ^_^

      Excluir
  5. Obrigado, seu blog é lindo.
    http://the-imagines.blogspot.com.br/

    ResponderExcluir
  6. Amei esse tuto e vou usar no próximo lay
    Mudei de blog e já estou seguindo aqui , espero sua retribuição
    candytendy.blogspot.com

    ResponderExcluir

- Comente a vontade, eu retribuo ^3^
- Palavras de baixo calão, xingamentos e outros tipos de ofensas não são permitidos. Para quê tanto ódio no coraçãozinho, gente? c: