Alterando a cor de seleção do mouse em blogs do Blogger

Compartilhar:
Hoje em dia existe vários efeitos para seu blog, efeitos com CSS, CSS3, etc. Hoje vamos aprender algo diferente e 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.
Simples, até mesmo elegante. Não vai deixar seu blog lento, mas, pode atrapalhar (em alguns templates) o efeito de neve caindo no blog. Você tendo vários conhecimentos em HTML e CSS pode adicionar mais efeitos, pois irei disponibilizar o básico.
1. Acessando a guia Modelo, clique no botão Editar HTML. Depois pressione Ctrl+F para abrir a janela Localizar e procure pela tag.
]]></b:skin>
2. Imediatamente, cole acima dela o código abaixo. Fazendo as modificações necessárias.

/* ----- Cor da seleção de texto ----- */
*::-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 */
}
3. Clique em Visualizar e veja se estar tudo bem, depois clique em Salvar modelo.

Pronto, depois é só olhar como ficou acessando o seu blog. Achou este artigo útil? Comente sobre o seu trabalho, dúvidas, etc. Abraços e boa sorte. 
Códigos por: Mundo Blogger
► Postagens Relacionadas:

1 Comentário

Bruno Bezerra disse...

Excelente matéria João. Para um site profissional, às vezes é importante instalar, outras não, pois algumas vezes ao visitar blogs, eu via a ponteira do mouse com imagens ''gigantes'', aí atrapalhava um pouco na navegação do blog, mas estão de parabéns pela matéria, realmente são dicas preciosíssimas!.

17 de janeiro de 2014 às 12:47

Postar um comentário