07/01/2013

Negrito, itálico, sublimado e tachado em hover, ou colorido

» Resumo Um pequena coisa que muda tudo

 Oi amorinhas, como vão?. Eu trouxe um simples tutorial que dá um lindo toque no blog. Nesse efeito, ao passar o mouse acima de algum desses citado acima, ele muda de cor. Clique em read more para ver o tutorial. 

 
 Vá em design , Editar HTML , Tecle Ctrl+F e escreva ]]></b:skin>. E acima da tag cole:



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 */
 
Agora o colorido, igual o que uso aqui no blog. Exemplo Exemplo Exemplo Exemplo
É só fazer a mesma coisa do outro código, colar este acima de ]]></b:skin>.


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

5 comentários:



Por favor, não peça nada pelos comentários, para isso temos a nossa Ask.

Os comentários daqueles que não se indentificarem seram publicados, mas não serão respondidos.

A moderação de comentários está ativa, tome cuidado com o que fala!

Pedidos de afiliação só ná página de afiliados

Não respondo mais comentários do tipo "seguindo segue de volta?"

Nao tenha preguiça de comentar, comentar nã vai fazer seus dedos caírem.