domingo, 27 de maio de 2012

3

mas efeitos no sublinhado, itálico, negrito e riscado

00100000020-1_2_large
Oii, meeus abacaxis  vou ensinar como se faz esse efeito no negrito, itálico sublinhado e riscado no blog
para conferir o tuto clica em Leia mais »
a vá em design - editar html tecle ctrl+f e procure por:      ]]></b:skin>   quando achar, logo acima desta tag: cole o seguinte código para ter o efeito hover:

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

Lembrando que o estilo hover é quando o estilo muda ao passar o mouse por cima. Agora personalize do seu jeito. recomento essa tabela de cores que é a que eu uso, (www)
  Sem o efeito hover 
fica desse jeito o código ok pessoinhas
 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 */ 



Créditos (W)

3 comentários:

Natii disse...

awwn thanks Miih , me ajudou muito! Beijos www.coisinhas-de-meniinas.blogspot.com

Mih disse...

De nada natii sz

bjos pra vc também

Ingrid Marquês disse...

Amei Mih! Nem deu tempo de mim testar esses dias, ai hoje quando eu fiz eu amei! Fica bem mais fofo o blog (se sabe que eu sou louca por uma fofura! kk)
Bjs
www.fofokisteen.blogspot.com