17 de ago. de 2011

Fundo colorido nos links

Estou preparando um tutorial bem diferente para vocês, mas para manter o PFE atualizado vou postar um tutorial bem fácil e rápido para vocês ok? Vocês já devem ter visto os blogs Cravo e Canela e o Another Girl Another Planet os links quando você passa o mouse em cima ele fica com fundo colorido certo? É isso que vamos aprender! Clique aqui e veja outro exemplo. Primeiramente proucure pela tag:
]]></b:skin>
Agora ACIMA dela cole o código abaixo:
.post-body a:link {
color:#58CEB5;
text-decoration:none; }

.post-body a:hover {
background-color:#58CEB5;
color:#FFFFFF;
text-decoration:none; }
Aonde eu destaquei com a cor salmão é a cor do link normal, já aonde está de verde é a cor do fundo quando se passa o mouse em cima. E também na cor azul, é a cor do link no estado hover (mouse acima). Espero que tenham gostado do tutorial. Apesar de simples, é bem útil. Ah, e desculpem a demora do post. 

E aí, o que acharam? Beijinhos, Emily.

18 comentários:

  1. Suuper legal o tutorial e util tbm ,
    provavelmente irei usar no novo lay no PT *-*

    Bjs,
    www.blogportalteen.blogspot.com

    ResponderExcluir
  2. amei o post , bem legal vou usar no próximo design! Beijos ;3

    Sorteio , http://blog-realgirls.blogspot.com/2011/08/sorteio.html

    ResponderExcluir
  3. já tinha visto o efeito nos links do Trechy Teen, achei bem trizinho; eu tava atraz dele a um tempãão, agora achei :)

    http://carol-and-teens.blogspot.com/

    ResponderExcluir
  4. Eu tenho certeza que vc ler minha mente rsrs, todos os tutoriais que quero estão aqui. *-*
    Visita e comenta?
    http://girlteen-s2.blogspot.com/

    ResponderExcluir
  5. que tutorial legal *o*
    Gostei, mas não vou usar por enquanto rs.
    Seus tutoriais ajudam muitas pessoas, parabéns viu? *-*

    ResponderExcluir
  6. Oii, obrigado pelos elogios... é verdade, esqueci da disponibilidade! Beijos

    http://trasshygirl.blogspot.com

    ResponderExcluir
  7. Amei o tutorial, eu ia pedir para você postar ele, hsahau.

    Bjs,
    Giih!

    http://blogdasmeninasblogueiras.blogspot.com/

    ResponderExcluir
  8. Amei o tutorial! Vou fazer no meu blog.

    Bjs
    Rafa
    rafadeoliveira-tudosobrequalquercoisa.blogspot.com

    ResponderExcluir
  9. Muito bom o tutorial! Gostei rs

    ResponderExcluir
  10. Legal ein, procurava por algo assim antes de fazer a mudança lá no Just Dreams.Mais depois eu coloco, e vejo como fica ! Gostei bastante (:
    http://justdreams-ana.blogspot.com

    ResponderExcluir
  11. Oii flor, eu não achei o tutorial :B

    ResponderExcluir
  12. Atualizei lá como colocar em mais páginas!
    Bjbj
    tutoriaisattitudeincluded.blogspot.com

    ResponderExcluir
  13. Já apliquei ao meu blog, e adorei.
    Tá rolando um concurso lá no blog, participa?
    http://girlteen-s2.blogspot.com/2011/08/concurso-blog-em-destaque-no-gt.html

    ResponderExcluir
  14. nossa, adorei seu blog, os tutoriais, tudo *-*
    parabéns linda, *-*

    ResponderExcluir
  15. adorei! Nossa fiquei muuito feliz com teu comentário lá no blog, quase dei pulinhos de alegria SJHDSJDH que bom que gostou do tutorial da caixa de pesquisa :D beeijos linda!

    ResponderExcluir
  16. Tô seguindo segue de volta? Amei aqui! Aceita parceria? Responde lá! http://beautiful-girl-s2.blogspot.com/ Lorenzo Mello

    ResponderExcluir
  17. Já tem o seu blog nos créditos lá amore, dá uma olhada (:

    ResponderExcluir
  18. Ameeeei! Vou usar no proximo desing estava precisando
    http://perfeitateen.blogspot.com/

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.