17 de ago. de 2014

Tutorial - Seleção Colorida


                                                          Olá Cupcakes!


Hoje vou ensinar a como personalizar o 'marcador azul', que nada mais é a seleção colorida.  Eu trago ela de dois jeitos: com sombra e sem, depois vocês testem os dois tipos, para ver qual fica melhor.

- Vá em modelo > editar HTML > dê CTRL+F e procure Por ]]></b:skin>, e logo acima dessa tag, cole o código a seguir:

Com sombra:


::Seleção By Kawaii Tutoriais::
*::-moz-selection {
background:#FFF0F5; /*Cor do Fundo*/
color:#000000; /*Cor da Fonte*/
text-shadow: 1px 2px 3px #FFFFFF;/*Cor da Sombra*/
}
*::selection {
background:#FFF0F5; /*Cor do Fundo*/
color:#000000; /*Cor da Fonte*/
text-shadow: 1px 2px 3px #FFFFFF;/*Cor da Sombra* /
}

Agora sem sombra:

- Vá em Design > editar HTML > dê CTRL+F e procure por ]]></b:skin>, e logo acima dessa tag, cole o código a seguir:

*::-moz-selection {
background:#FFFFFF; /*Cor do fundo*/
color:#000000; /*Cor da fonte*/
}
*::selection {
background:#FFFFFF; /*Cor do fundo*/
color:#000000; /*Cor da fonte*/
}

Agora é só salvar e pronto.

                                                                    Crédito á KW

Nenhum comentário:

Postar um comentário