Tutorial - Seleção Colorida

Não se assutem com aquela bordinha desproporcional. Sou péssima nisso.

 

Boa tarde, galera.

 

Aproveitando que já estou aqui, estou divulgando um concurso, do Kawaii World e do The Lovers. É um concurso valendo um domínio .com ou .net, eu realmente desejo muito esse domínio, por isso estou fazendo todas as chances extras para poder ganhar o domínio. A propósito, estou arrumando o layout daqui do blog, e estou pensando em fazer um layout free de natal, o que vocês acham?

 

Bem, voltando ao assunto do post, vou ensinar hoje como deixar a seleção colorida no blog. Por exemplo, você já percebeu que, quando você seleciona um texto ou numa imagem daqui, do blog, a seleção é colorida, ao invés daquele fundo azul clichê? Pois bem, hoje ensinarei a fazer isso. É um tutorial bem rápido, não leva nem um minuto.

1. Abra seu HTML e procure por ]]></b:skin>. Acima da tag procurada, cole o seguinte código:

 

::-moz-selection {
background:#F7DFDD; /*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}
::selection {
background:#F7DFDD;/*Cor do fundo*/
color:#E49D98; /*Cor da fonte*/
}

2. Substitua os códigos das cores nos locais indicados, é um código bem fácil de se entender. Lembrando que você tem que colocar as mesmas cores nas duas partes do código, caso contrário não dá certo.

 

Espero que tenham gostado e entendido o tutorial. Beijos. ;*