Oi benhê! Quer receber muito amor na sua caixa de entrada?
  • A boat with beautiful sunset.
  • Tree in field with blue sky.
  • Amaizing sunrise moment

Mudando a cor da seleção do mouse no blog

2 de jan. de 2015

Imagem: Tumblr
Oi chuchus, tudo bem?

Bom, já é ano novo e cá estou eu com um tutorial fresquinho para vocês. Hoje vou ensinar a mudar a seleção de texto do blog...tá, mas o que é isso Nicole? Sabem quando vocês selecionam algum texto em determinada página na internet e ele fica azul? Então, aquilo se chama seleção de texto. 



Ex:

É muito simples mudar isso, apenas sigam os passos abaixo:

1. Entre no painel do seu blog e em seguida clique em modelo e depois em Editar HTML.

2. Depois aperte Ctrl + F e procure pela tag abaixo. 

]]></b:skin>

3.  Acima dela, cole esse código:
/* Seleção de texto por Viva La Ni */
*::-moz-selection {
    background:#eee; / * cor do fundo */
    color:#434646;  /* cor da fonte */
}
*::selection {
    background:#eee;  /* repita a cor do fundo */
    color:#434646;  /* repita a cor da fonte */
}
4. Após editar, clique em Salvar modelo e pronto...sua seleção colorida já estará funcionando.

Para saber o código das cores entre nesse site

Espero que tenham gostado do tutorial, e não esqueça de deixar um comentário, é muito importante para mim! ♥


Imagem: Tumblr




CATEGORIA:

6 comentários

  1. Post super útil! Poderia ensinar como fez esse menu de cima? Iria ficar mega agradecida <3 Beijos
    bloglaviedouce.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada pela visita Maria, eu fiz o tutorial e você pode dar uma olhadinha no link abaixo:

      http://vivalani.blogspot.com.br/2015/01/colocando-menu-dropdown.html

      Espero sua visita mais vezes! ♥

      Excluir
  2. Ni, eu não estou conseguindo colocar. Quando entro em modelos e depois em Editar HTML não encontro ]]>. Será que você pode me ajudar?

    ResponderExcluir
    Respostas
    1. Amore, todo template tem a tag ]]>, que é onde termina o CSS do seu layout, procura mais uma vez com cuidado que você acha ok? Lembrando que o código deve ficar acima da tag para funcionar, beijos.

      Excluir
  3. Que show hein! Dicas e tutorias incríveis!

    ResponderExcluir