Alterando a cor de seleção do mouse em seu blog

Hoje em dia existem diversos tipo de efeitos para seu blog com CSS, CSS3, etc. Hoje vamos aprender algo bem legal. Vamos aprender a mudar a cor de seleção do mouse, assim que você for selecionar um código dentro do seu blog, ficará de cor diferente.

É um efeito muito simples e até mesmo elegante. Não vai pesar em seu blog e você pode o personalizar. Já publique um artigo Efeitos Estrelinhas Caindo do Ponteiro do Mouse que é um efeito para o mouse também, caso se interesse confira o artigo.

Tutorial
1. Acesse o painel de seu blog e clique na guia "Modelo"
2. Clique em "Editar HTML"
3. Procure pela tag abaixo ( Ctrl+F ):

]]></b:skin>

4. Cole acima da tag citada o código abaixo, fazendo as modificações ao seu gosto:

*::-moz-selection {
    background:#91C21A; /* Cor que você quer para o fundo */
    color:#FFFFFF; /* Cor que você quer para o texto */
}
*::selection {
    background:#91C21A; /* Repita a cor que você escolheu para o fundo */
    color:#FFFFFF; /* Reíta a cor que você escolheu para o texto */
}

Para mudar a cor basta mudar o código em vermelho para o que você desejar. Sugerimos que utilize a Tabela de cores HTML, para pegar o HTML da cor e substituir.

 5. Clique em "Salvar Modelo"

Pronto agora é só olhar como ficou acessando o seu blog. Gostou? Comente, tire dúvidas, compartilhe e etc. Até a próxima e boa sorte!

Gostou? Compartilhe:

Tweet