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
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