20 de dez. de 2013

[Tutorial] Seleção colorida + Seleção colorida com sombra

Sdds dessa época :c
E ai, blz? :3

Hoje vim trazer a vocês um tutorial bem bacana, que serve para colorir a seleção de textos no blog. "Ah, como assim Sarah?" Bom, sabe quando você aperta o botão direito do mouse e passa por cima dos textos do blog? Entããão...É isso o que chamamos de seleção de texto. Agora vamos aprender a colocar cores mais bonitinhas nessa seleção, porque essa azul que já vem no blogger é sem graça -qq

Se quiser ver é só apertar o botão direito do mouse e passar em cima de qualquer texto aqui do blog, mas se não gostarem das cores que eu estou usando, não se preocupe, da pra você escolher a cor que quiser ^-^



Primeiro vamos aprender a colocar a seleção com sombra.

- Vá até o modelo de seu blog > Editar html > formatar modelo > cntrl+f ou f3 > procure por ]]></b:skin>

Acima do código que você achou, cole esse outro código:

::Seleção By Wonderland::
*::-moz-selection {
background: #; /*Cor do Fundo*/
color: #; /*Cor da Fonte*/
text-shadow: 1px 2px 3px #;/*Cor da Sombra*/
}
*::selection {
background:#; /*Cor do Fundo*/
color:#; /*Cor da Fonte*/
text-shadow: 1px 2px 3px #;/*Cor da Sombra* /
}
Já está tudo explicadinho ali no próprio código, se não entendeu é só me perguntar. Bom, é só substituir os "#" pelo código da cor que você quer usar.

------------------------------

Agora vamos aprender a usar a seleção sem a sombra se você não gostou.

- Vá até o modelo de seu blog > Editar html > formatar modelo > cntrl+f ou f3 > procure por ]]></b:skin>

Acima da tag, cole o código:

*::-moz-selection {
background:#; /*Cor do fundo*/
color:#; /*Cor da fonte*/
}
*::selection {
background:#; /*Cor do fundo*/
color:#; /*Cor da fonte*/
}
E é só isso gente, já está tudo explicadinho no código.
Espero que o tutorial tenha sido útil, kisses </3

Nenhum comentário:

Postar um comentário