Tutorial: Como mudar a cor da seleção de texto | Follow your dreams
Blogosfera

Tutorial: Como mudar a cor da seleção de texto

   Passeando por alguns blogs vi que alguns tinham a cor da seleção de texto diferente e achei interessante, então resolvi não só mudar, mas ensinar para vocês também. :)
   É uma coisa boba que ninguém repara, até você mudar!
   Para quem não sabe do que estou falando, olha o exemplo na imagem abaixo:
Dica Como mudar a cor da seleção de texto
   Se quiser testar é só selecionar qualquer texto aqui no meu blog. :)
   Para aplicar no seu blog é super fácil, só acompanhar os passos a seguir.
   1 – Vá em Editar -> HTML e procure pelo trecho a seguir:

]]></b:skin>

2 – ANTES disso cole:

*::-moz-selection {
background:#B4D9FE;
color:#ffffff;
}
*::selection {
background:#B4D9FE;
color:#ffffff;
}

3 – Os números que estão em negrito são o código da cor escolhida. Se você não souber onde encontrar, abaixo estão alguns exemplos de cores com seus respectivos códigos para você usar.

   4 – Salve o seu template.
   Pronto!
   Gostou? Usou? Tem alguma dúvida? Comente! :)

47 Comentários

  1. Bom dia,sou anderson da equipe detetive-particular.org ,quero falar que o blog ta de parabens gosto muuito dele,muito bem feito!!!…me recomendaram e estou acompanhando…recomendação hoje é tudo..to precisando saber se esse site aqui é bom por que eu to precisando de um rastreador de carro,moto entre outros alguem conhece o http://www.rastreadorgps.org/ ? se alguem souber de uma referencia me da um toque,e parabens pelo blog bom demais!!

  2. Oi flor, tudo bom?

    Então tenho uma dúvida, mudei recentemente o template do meu blog e ainda estou mudando alguns detalhes como a cor de seleção que é o que vc esta explicando no seu post (amei suas dicas por sinal) mas já é a terceira vez que o código não valida no meu blog. Tentei deixar as postagens recentes redondas como vc ensinou aqui e não foi, tentei personalizar a numeração de página que também vi aqui (aquela com os números redondinhos e tal) também não foi e agora tentei mudar a cor de seleção e adivinha? Também não foi, sinceramente não sei o que acontece, já quebrei a cabeça tentando resolver e não faço a mínima ideia, a única coisa que percebi é que todas essas mudanças tem em comum uma coisa: todas elas tem que colocar algo acima do ” ]]> ” todas as mudanças que fiz que não necessita desse passo deu certo, mas quando precisa a mudança não aparece.

    Então flor peço encarecidamente que me dê uma luz do que é que estou fazendo errado, mas se não conseguir me ajudar eu agradeço de qualquer forma e muito obrigada pelos tutorias maravilhosos, como disse acima amei seu blog e provavelmente darei mais passadas por aqui, vc ganhou uma fã hehe’ ;)

    Beijinhos,
    Danny’

  3. MUITO OBRIGADA!!!!!!
    Eu procurei isso em todos os sites, eram desse jeitinho, mas nunca davam certo, não sei porque, ai quando eu coloquei esse aí, pegou <3
    Seu blog me salva em tudo haha ♥

Deixe uma resposta