20 de jul. de 2012

Seleção de texto colorida

Se tem um tutorial bem conhecido, simples e que fica lindo no blog é a seleção de texto colorida. Com esse tutorial podemos trocar a seleção de texto e mudar as cores do jeito que a gente quiser. Para ver um exemplo de como isso funciona, selecione os textos dessa postagem e você vai ver como tudo fica mais bonito e único. Para personalizar a seleção, siga o tutorial abaixo:


1- Vá em Design > Editar HTML

2-Aperte CTRL+F e procure por ]]></b:skin>, ACIMA disso, cole:


::-moz-selection {
       background-color: #c584e0;
       color: #fff;
}
::selection {
       background-color: #c584e0;
       color: #fff;
}

Entendendo o código:

Cor de fundo do texto selecionado.
 background-color: #c584e0;

Cor da fonte
 color: #fff;

Lembrando que a cor do "::-moz-selection" e do "::selection" tem que ser a mesma, ou o código não funciona.

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!