segunda-feira, 19 de setembro de 2011

Tutorial: Seleção colorida

Tumblr_lr8g1efy7j1qawaoao1_500_large

Fer aqui !
Gente, hoje vou postar um tutorial bem pedido.
Apesar de ter em vários blogs, algumas pessoas ainda não acharam, então resolvi ajudá-las.

Normalmente, é dessa cor que ficam as seleções de texto:

Vou mostrar para ela ficar assim, ou outra cor de sua preferência.


1- Vá em design > Editar HTML > CTRL F > }]]></b:skin>

2- Depois de ter encontrado o código, coloque este outro logo acima:

::-moz-selection
 {
background: #000000
color: #000000;
}
::selection 
{
background: #000000;
color: #000000;
}

Onde está vermelho você coloca a cor do background da seleção de texto, onde aqui no blog está na cor azul claro.
Onde está azul você coloca a cor da letra da seleção de texto, onde aqui no blog está em roxo.

Para saber o código das cores, basta clicar aqui.

Antes de fazer o tutorial, aqui está algumas dicas de cores para vocês se inspirarem:

Menina Nerd

Real Girls

 
Ser menina

Place Fame

E o nosso também, que já coloquei no começo do post.
Espero que tenham gostado e usem esse tutorial.

Beijos, Fernanda.
Comentários
28 Comentários

28 comentários:

  1. Super útil a postagem, embora eu já saiba, foi bem pequeno o tutorial e bem mais fácil de entender do que em outros blogs!

    Beijos,
    www.princessofdanw.blogspot.com

    ResponderExcluir
  2. Nossa realmente obrigada eu esta loca atra de blog para mim aprender a fazer !
    Obrigada !



    Beijos,
    www.space-for-girls.blogspot.com

    ResponderExcluir
  3. Adorei o tutorial e percebi que a primeira imagem foi lá do Pieces of hope, kk.
    Eu adoro a seleção colorida, mas não tenho muito tempo pra mudar isso no blog.
    HTML e essas personalizações são o de menos pra mim.

    Adorei, o blog ta ótimo.
    -XO
    http://blog-piecesofhope.blogspot.com

    ResponderExcluir
  4. Aiih que legal!!
    No meu blog o é fundo amarelo e a fonte rosa!!
    *-*
    Mil beijos,
    Biah.

    beatriz-pg.blogspot.com

    ResponderExcluir
  5. Obrigada amor !
    E obrigada pela atenção !!

    http://mini-fofoquinhas.blogspot.com/

    ResponderExcluir
  6. Eu gosto bastante, da seleção colorida *-*, até poque eu seleciono tudo que eu leio.

    http://meublogblogdadanii.blogspot.com/

    ResponderExcluir
  7. flor seu blog é lindo estou seguindo vou ama ter vc no meu blog beijos


    http://rosanadicasfemininas.blogspot.com/

    ResponderExcluir
  8. É um tutorial fácil e bem simples de aprender,adoro qdo venho aqui e tem coisa nova *-*

    Uns tempos atrás eu estava procurando por isso,e achei no menina nerd um tutorial assim.

    Muito bom mesmo!

    Sugestão: para próximo tutorial vocês poderiam ensinar coomo colocar borda arredondada no blog ;) #Ficadica

    Bjs!

    http://meianoite-br.blogspot.com/

    ResponderExcluir
  9. flor, eu tinha te colocado como destaque, mas eu não te enviei o lay pq vc não quis e os goodies eu te enviei. não sei se recebeu.Mas eu posso fazer outro pacote e te enviar ok?
    amanhã
    Bjs, www.rosa-chiclete.com

    ResponderExcluir
  10. Eu tinha visto esse tu em um blog, mas ai ele sempre ficava amarelo, dando erro, ai vi em outro, fiz e deu certo! Eu amo mudar a cor do meu, haha. Ótimo tuto, fê!
    Beijos ><
    http://tendencias-teens.blogspot.com/

    ResponderExcluir
  11. otima tutorial amr , a do meu blog é rosa ! *-*
    eu já postei isso la no blog, e comentaramm . uahsuahsasas
    beijos e obg por tudo novamente
    www.paradateen1.blogspot.com
    s2

    ResponderExcluir
  12. Eu amo muito esse tutorial. Acho superútil mesmo. O blog de vocês tá lindo e com um ótimo conteúdo como sempre! Parabéns.
    Beijos, daaay ♥

    http://minhassinceridades.blogspot.com/

    ResponderExcluir
  13. É bem simples mas dá um efeito mt legal =)
    Mt bom o tuto!

    Obg pelo seu comentário lindo *_* Kissus
    www.bombadecereja.tk

    ResponderExcluir
  14. Eu amo esse efeito

    post novo, comenta?
    http://maniasgirls.blogspot.com/

    ResponderExcluir
  15. hmm .. otimo tutorial ! da um efeito bem melhor em nossos blogs õ/ ' jaa tenho esse tuto em meu blog ;]
    beeijos ;*

    www.diiariodeumgaroto.blogspot.com

    ResponderExcluir
  16. aaah , você poderia votar no personagem Guilherme, do blog Diario de um Garoto?! Aqui esta o link: http://desbloqueiodesentimentos.blogspot.com/2011/09/votacao-para-os-garotos-personagens.html
    Obrigado msm! Qualquer coisa eh so pedir tah ? bjs '

    ResponderExcluir
  17. Adoreii, mt legal, e são cores bem bonitas!!xD

    ResponderExcluir
  18. pois foi, querida. eu tive de mudar o link e peço imensa desculpa por não a ter avisado $: em relação à história "always and forever" eu não a terminei, pois já não fazia sentido continuar a história que "relatava a minha vida" e esta história tinha sido destruída ): talvez um dia a volte a postar, fico feliz por me ter encontrado de novo (;

    ResponderExcluir
  19. Amei o tutorial!
    Beijos e obrigada pela visita!

    ResponderExcluir
  20. Eu já tentei milhões de vezes fazer isso aqui no blog e não consegui, acabei que desistindo HHAHAHAA Quem sabe um dia eu volto a tentar, né? Mas é bem legal isso, e da uma carinha bem diferente ao blog, deixa ele mais meigo :D
    Beijos flor!

    http://a-crossthestreet.blogspot.com

    ResponderExcluir
  21. Este tutorial é um dos mais famosos na nossa blogosfera, né? Eu adooooro ele *u* Beijos Fê!

    Emily,
    placefame.tk

    ResponderExcluir
  22. Oi amor, a votação para o sorteio já começou , pode começar a pedir seus votos.
    Beijos !
    http://mini-fofoquinhas.blogspot.com/2011/09/comecaram-as-votacoes-para-o-sorteio.html

    ResponderExcluir
  23. É super facinho colocar no blog *o*
    Alem de dá um efeito muito legal no blog *o*
    Amei demais o cabeçalho e o lay do blog, ficou no estilo do blog mas ficou um estilo novo *o*

    http://garotasederivados.blogspot.com/

    ResponderExcluir
  24. oi fe:)
    tem tag pra voce linda,

    Regras:
    Falar o blog que te passou (Cute World)

    10 coisas que voce gosta

    e repassar para 5 blogs:)

    Bjs
    http://bnascimentooo.blogspot.com

    ResponderExcluir
  25. Amo esse tuto'
    Kiss ♥

    http://fanideisi.blogspot.com

    ResponderExcluir
  26. adoro o blog, demais! e já estou usando esse tutorial *-*
    http://beijofosco.blogspot.com/

    ResponderExcluir

Se for comentar, não esqueça de deixar no final do seu comentário, o link do seu blog e das suas redes sociais para que eu possa visitar. Muito obrigada e volte sempre ♥