segunda-feira, 26 de setembro de 2011

3 efeitos pra sua elite afiliados!

Hoy gurias e guris que leem meu blog *o* Já faz um tempão que eu não posto nenhuma dica, tutorial para Blogs né?  Tudo isso é culpa do Rilakkuma, já que fico horas e horas no weheartit vendo imagens desse ursinho fofo (Risos) e me esqueço totalmente do tempo! 
-
Então gente eu vou compartilhar com vocês vários códigos (3 na verdade :p) que servem para dar um diferencial  nas imagens. Que podem ser usados na elite afiliados ou em qualquer outra parte do blog basta usar a criatividade!

Imagem muda ao passar o mousse

código desse efeito:
<a href="url do endereço"><img src="URL da imagem" onmouseover="this.src='URL da imagem ao passar o mouse'; return true" onmouseout="this.src='URL da primeira imagem'">


Imagem com link (abri em outra guia)
início jackie dream
código desse efeito:
<a href="LINK DE DESTINO" target="_blank"><img src="LINK DA IMAGEM" border="0" alt="DESCRIÇÃO DA IMAGEM"></a>


Efeito opacidade + descrição da imagem + link de destino

código desse efeito:

<a target="_top" href="URL DA SUA IMAGEM AQUI"><img title="Descrição" src="link de destino" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" border="0" height="24" width="39" /></a>



IMPORTANTE: nos trechos height="24" width="39" (height= altura) (width= largura) ajuste somente os números para a largura e altura da sua imagem!

É isso! espero que tenham curtido!

51 comentários :

  1. Adoooreei o efeito Jackie! eu só poderia encontrar aqui msm né? U.U

    Jack entra no seu email agr ou no msn,preciso falar contigo!

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

    ResponderExcluir
  2. Nossa adorei e sem fala que parece ser mto mais pratico para as blogueiras =D e para os leitores como eu fica bem mais lindo e interesante ver o Blog .. ameiii Bjs :h:

    ResponderExcluir
  3. Adoreii, super fácil, eu super me enrrolo com essas coisas..

    Um beeijo..

    http://maryhitner.blogspot.com/

    ResponderExcluir
  4. Super prático! Adorei =)

    estou seguindo, segue d volta?
    bj
    blog-da-alice-estrela-cadente.blogspot.com

    ResponderExcluir
  5. Legaal os efeitos, o da imagem mudar eu tenho um tuto no meu blog, mais o ruim dele é q ele para de funcionar depois de um tempo! :S Maiis adoorei ;D

    ResponderExcluir
  6. nãaaao tem como não te seguir *-*
    Tudo lindo, parabéns! Beijos
    http://rodiziodepensamentos.blogspot.com/

    ResponderExcluir
  7. Olá Diva Deixei um Selinho com questionario pra vc Lá no meu blog Okk Bjuss boa noite...<3
    http://clubteenbrasil.blogspot.com/2011/09/selos.html

    ResponderExcluir
  8. Cada efeito melhor que o outro! :) Adorei o da opacidade! Beijinhos :*

    ResponderExcluir
  9. Ain que lindos só conhecia o da opacidade.. Mas isso é tudo culpa da rilakkuma. *-*, haha.

    Já tinha visitado aquela pag. mas não tem nada.. :(, mas por enquanto não vou mais postar nada ...

    Bjok´s, Guriia

    ResponderExcluir
  10. Jackie consegui dar um jeito, mas tive que mudar de endereço...

    olha coloquei os tracinhos agora, :(.., mas como exclui tudo vo tenque começa tudo de novo..

    http://cidade-de-garotas.blogspot.com/

    ResponderExcluir
  11. amei as dicas!!!! =)
    bjnssss ♥ ♥ ♥
    Luíza
    http://jornaldaluluteen.blogspot.com

    ResponderExcluir
  12. oi tem um tag para vc no blog!
    teengirls-manahatori.blogspot.com

    ResponderExcluir
  13. oi vc faz isso para mim eu não consegui!
    beijinhos
    teengirls-manahatori.blogspot.com

    ResponderExcluir
  14. Ameiii o post!!!
    Super util...parabens!
    Beijinhos
    @bonnytinha
    www.vengent.blogspot.com

    ResponderExcluir
  15. Oi Jackie *-*

    Parabéns pelo tutorial... eu não sabia como trocar imagens KKKKKKKKKKK

    Bjonas (:

    Fique com Deus ♥

    ResponderExcluir
  16. Amei amei...
    Amei amei...

    ta tendo sorteio de um curlformes

    http://paulinhapiink.blogspot.com/2011/09/sorteio-curlformes.html

    Beijinhso♥piink

    ResponderExcluir
  17. Aquii é muito fofo *-* Qualquer uma fica apaixonada por tudo isso.
    Agora me diz: "A onde eu coloco essas coisas para as imagens ficar assim?" Sou um pouco burrinha nessas coisas =/
    Beijos,
    just-a-girl21.blogspot.com

    ResponderExcluir
  18. que gracinha seu blog, parabéns.....bjs
    http://anjoscoloridos-lili.blogspot.com/

    ResponderExcluir
  19. Vou dar uma parada nos posts por um tempo.. Mas os blogs que gosto vou continuar visitando, assim como o seu.. *-*

    Bjok´, Guriia..

    Se precisar estou aqui também *0*

    ResponderExcluir
  20. Gostei do seu blog e jah sigo,visite o meu e se gostar siga
    de volta!!!

    paginasempreto.blogspot.com

    Beijos Ela Oliveira

    ResponderExcluir
  21. Olá!
    Primeira vez em seu blog, gostei das dicas, tem muita coisa útil aqui, e o layout está muito fofo *--*
    Bjs <3

    ResponderExcluir
  22. seu blog é foofoooo demaaisss!! *-*
    to seguindooo!
    ta tendo sorteio no nosso blog tambem! participe ^^
    http://biglittlenails.blogspot.com/2011/09/sorteio-de-inauguracao-do-bln-blog.html
    beijoos!!

    ResponderExcluir
  23. Seu blog é muito lindo mesmo ! *-*
    Beijos ! Á, e gostei das dicas de fotos..
    http://atitudeounada.blogspot.com/

    ResponderExcluir
  24. Acabei de conhecer seu blog,muiito fofo, seguindo *-*
    Tbm amoo o Rilakkuma, mto fofo ♥

    bjs

    ResponderExcluir
  25. Gostei muito de seu post!
    Muito interessante e eu nunca tinha visto esses códigos em outro lugar (:
    Conheci agora o seu blog e eu o adorei.
    Ele é muito fofo, divertido, tem posts muito engraçados e diferentes, além das ótimas imagens e testes que faz.
    Já estou seguindo.
    Se tiver tempo, passa lá no meu blog e dê sua opinião, espero que goste.

    Esse é o ultimo post, vou facilitar dando o link pra você:
    http://meianoiteequinze.blogspot.com/2011/09/setima-alma_27.html

    Beijos!
    meianoiteequinze.blogspot.com > oficial
    mnqdesigns.blogspot.com > encomendas

    ResponderExcluir
  26. Olá, parabéns pelo blog^^
    estou te seguindo
    espero retribuição
    bjokas
    kah santos :)
    www.kekeprincesa.blogspot.com
    :h

    ResponderExcluir
  27. oi eu devo eu não entendi o codigo!
    eu tentei mas não consegui mas quer saber!
    não precisa fazer mas para mim não!

    ResponderExcluir
  28. Ai muito lindo, tanta coisa fofa. Amooo! Bjãooooooo

    ResponderExcluir
  29. Oi querida, já coloquei seu banner lá nos parceiros também...
    Adorei o post =)

    Beijos =)

    ResponderExcluir
  30. oi vc está falando que vai fazer um concurso mas o certo
    é fazer eu vc o blog=
    garota descolada!
    beijinhos!

    ResponderExcluir
  31. e o garota super fashion

    ResponderExcluir
  32. amo suas dicas Jackie. otimo post.
    beijos

    ResponderExcluir
  33. Oi!!

    Adorei resenha, super válida!

    Novidades no blog é lojinha virtual "BELEZA GAÚCHA" VENDAS DE KITS E OUTROS PRODUTOS EM BREVE, COMPREÇOS DIFERENCIADOS E OUTROS PRODUTOS E MARCAS EM BREVE!ADICIONEM AOS SEUS FAVORITOS VAI ADORAR FICAR LIGADINHA!

    Acesse: maniadebelezagauchatche.mercadoshops.com.br

    ResponderExcluir
  34. Oi flor, adorei o blog passando pra dizer que lá no blog ta tento um concurso de divulgação. Passa lá e confere se gostar participa! beijos
    http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  35. Ah esqueci de dizer.. rsrs to seguindo seu blog amor, vim aqui um outro dia mais não aparecia o seguir, deixei pra mais tarde e esqueci rsrs to seguindo! beijos
    World Girl-Official http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  36. Oii sera que vc poderia piostar como fazer para as barras latarais ficaram com duas cores e como ajustar o gadeggets nelas? Bjus obrigada pela visita. sua opinião é muito importante para miim

    ResponderExcluir
  37. Amei segue meu blog ai meninas http://modanaadolencencia.blogspot.com/

    ResponderExcluir
  38. Hey Jackie seu blog é mais que lindo, obvio que eu ja sigo, quem nao seguiria?
    Eu estava pensando, você pode dar uma passadinha no meu e se gostar pode até seguir :h:
    serio amei o blog mesmo
    :l:

    ResponderExcluir
  39. Eu tenho uma Bolsinha, desse Bichinho ai :D Porta celular é tão cute ... Beijos :*

    ResponderExcluir
  40. heey jackie, vc pode fazer um toturial de como tirar aquilo de links para esta postagem? e pode tambem fazer outro de como por aquele gadjet q vc tinha de "siga @jackiezanini", por favor?
    beijos, garota continua assim!
    http://xicablog.blogspot.pt/

    ResponderExcluir
  41. Oiii garotas segue meu blog ? voce-conectada.blogspot.com eu retribuo amores! Bj

    ResponderExcluir
  42. Adorei os efeitos!!
    a primeira é legal para fazer testes u.ú ameei e voou usar hihi'-'
    Bjooos
    noisconectados.tk

    ResponderExcluir
  43. Opá nao estou a conseguir =(
    Ajudas me pf?
    http://inspirationsbymeforyou.blogspot.pt/

    ResponderExcluir
  44. @Filipa Soaresclaro que ajudo!
    É só dizer onde esta com duvidas?

    (:

    ResponderExcluir
  45. Muuito legal o post, eeu uso o de Opacidade no meeu. Fica realmente lindo *---*

    Obrigada por seguir meu blog querida,agradeço muitissimo, se precisar de alguma coisa,só falar :)
    http://comentariosde1garotaqualquer.blogspot.com.br/

    ResponderExcluir
  46. Como é que coloca Link de destino no primeiro efeito ? Beijoookas

    ResponderExcluir
    Respostas
    1. Normal depois de colocar o efeito onde você quer é só adicionar o link normalmente... Tipo como se fosse uma imagem qualquer. Mas de qualquer forma eu atualizei o código tá?

      Excluir

.