30 de jun. de 2012

Seleção colorida

Tumblr_m3f6ngqfla1r0cv1jo1_500_large
Alguns blog que usam seleção colorida são bem legais, mas hoje eu vou dar algumas dicas bem legais sobre seleção colorida de texto. Algumas seleções diferentes como apenas seleciona com sombra no texto, ou apenas cor no texto, ou a seleção colorida normal que vocês conhecem. Clique em Read More.

Primeiro vou ensinar a seleção colorida normal, o código é esse:
 /*************************** SELECAO COLORIDA ***************************/
 *::-moz-selection {
background: #000; /***COR DO FUNDO***/
color: #fff; /***COR DA FONTE***/
 } *::selection {
background: #000; /***COR DO FUNDO***/
 color: #fff; /***COR DA FONTE***/
 } 
Para selecionar apenas o texto com cor apague o background ficando assim:
/*************************** SELECAO COLORIDA ***************************/
 *::-moz-selection {
color: #fff; /***COR DA FONTE***/
 }
*::selection {
color: #fff; /***COR DA FONTE***/
 }
Para selecionar apenas o texto com sombra use esse código?
/*************************** SELECAO COLORIDA ***************************/
 *::-moz-selection {
color: #fff; /***COR DA FONTE***/
text-shadow: 0px 0px 1px #000;  /***COR DA SOMBRA***/ 
 }
*::selection {
color: #fff; /***COR DA FONTE***/
text-shadow: 0px 0px 1px #000;  /***COR DA SOMBRA***/  
 }
Pronto agora é só escolher o código que você quer usar.

3 comentários:

  1. Já conhecia esse tutorial ele é perfeito.
    dá um tom bem legal no blog *-*
    kisses~~

    #>>> http://the--baby.blogspot.com.br/

    ResponderExcluir
  2. Uso esse efeito, é ótimo poder decorar o seu blog nos últimos detalhes!

    Já estou seguindo aqui!

    Voltei com o meu blog Paraíso de Menina. Com novas novidades, tags e posts! Te espero por lá, hein?

    Beijos,
    Beatriz Andrade .
    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  3. Tinha visto em muitos outros blogs,mas no seu está tudo bem explicado!Parabéns!

    ResponderExcluir