16.12.13

Tutorial ♡ Seleção de Texto + Modelos

Olá Amores,

Fiquei ontem sem postar, Sentiram muita falta? Sei que não! Bom, hoje trouxe um tutorial de como mudar a seleção de texto. Pra quem não sabe, a seleção de texto padrão é assim ()
E se você personalizar ela não vai ficar assim, observe como a nossa é ()
Trouxe também alguns modelos para vocês! Agora vamos ver como personaliza-las?


Editar Html > Procure pela tag >
]]></b:skin
Acima dela cole:
*::-moz-selection {
background:#CorDoFundo;
color:#CorDaFonte;
}
*::selection {
background:#CorDoFundo;
color:#CorDaFonte;
 Editem como quiser, agora, vamos aos modelos:
Se usar, da créditos!
Apenas Texto: Pink
 *::-moz-selection {
background:Transparent;
color:#FFC0CB;
}
*::selection {
background:Transparent;
color:#FFC0CB;
 *::-moz-selection {background:Transparent;color:#ADD8E6;}*::selection {background:Transparent;color:#ADD8E6;} 
 *::-moz-selection {background:Transparent;color:#FFDEAD;}*::selection {background:Transparent;color:#FFDEAD;} 
 *::-moz-selection {background:Transparent;color:#FA8072;}*::selection {background:Transparent;color:#FA8072;} 
 *::-moz-selection {background:Transparent;color:#00FF00;}*::selection {background:Transparent;color:#00FF00;} 
 Agora: Totalmente: Meu modelo
*::-moz-selection {
background:#FFE4E1;
text-shadow: 1px 1px 0px #fff;
color:#F08080;
}
*::selection {
background:#FFE4E1;
text-shadow: 1px 1px 0px #fff;
color:#F08080;
}
Pink
*::-moz-selection {background:#FFF0F5;color:#FFC0CB;text-shadow: 1px 1px 0px #fff;}*::selection {background:#FFF0F5;color:#FFC0CB;text-shadow: 1px 1px 0px #fff;} 
Blue
*::-moz-selection {background:#F8F8FF;color:#ADD8E6;text-shadow: 1px 1px 0px #fff;}*::selection {background:#F8F8FF;color:#ADD8E6;text-shadow: 1px 1px 0px #fff;} 
Orange
 *::-moz-selection {background:#FFFAF0;color:#FFDEAD;text-shadow: 1px 1px 0px #fff;}*::selection {background:#FFFAF0;color:#FFDEAD;text-shadow: 1px 1px 0px #fff;} 
 Green
 *::-moz-selection {background:#F0FFF0;color:#98FB98;text-shadow: 1px 1px 0px #fff;}*::selection {background:#F0FFF0;color:#98FB98;text-shadow: 1px 1px 0px #fff;} 
é isso! Uffa, finalmente terminei! Não se esqueçam dos créditos!
E o que acharam da postagem? Comentem!
Kiss. 

2 comentários:

  1. Adorei o tuto e os modelos que você fez!
    ~Kiss..
    Brigadeiro-Vintage.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada juh, daqui a pouco quero postar essa tuto no Brigadeiro-V!
      Bjs amore

      Excluir

♡ - Comentários de baixo calão não serão moderados.
♡ - Não desrespeite nem um leitor, ou nem mesmo a mim.
♡ - Deixe-nos o Url do seu blog no final do comentário para retribuirmos a visita.
♡ - Aceitamos TAG's ♡
♡ - Comentários como "Estou seguindo, segue também", "Aguardo sua visita!", "Sorteio, Participe" ou algo assim, não serão moderados. Sempre visitarei e retribuirei!

Obrigada por comentar ♡♡♡