• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

25 de fevereiro de 2013

Efeito autoras saturation + Campanha

essa imagem ainda me mata
Olá gente, estou muito ausente ultimamente aqui né?! mais hoje tive tempo de fazer um post especialmente para vocês chocoleitores, de um efeito super lindinho e simples para o gadgets autoras, é claro que vocês podem usar a criatividade e usar no blogroll ou nos blogs que amam, live preview

Rolem a página até o 'postadoras' para verem o efeito ok? os créditos vão para a Sagwa do blog I.I.R
Então vamos começar, é super simples, e nesse post ainda falarei da campanha do blog M.W 
Que comecemos...

Procure por ]]></b:skin>  e acima dele cole:

.img1{
border: 5px inset #FF6363; /*Cor da borda */
border-radius: 6px;
-webkit-transition-duration: 0.6s;
-webkit-filter: saturate(35%) ; /*Saturação da imagem */
}
.img1:hover{
border: 5px inset #FF6161; /*Cor da borda a hover */
border-radius: 6px;
-webkit-filter: saturate(100%) ;
}
Se quiser que fique como no preview, não modifique o que está em negrito, agora se quiser que fique diferente, aqui está a tabela.

Depois cole em Um HTML / Javascript:


<a href="URL DO BLOG DA AUTORA" title="NOME DA AUTORA"><img src=" URL DA IMAGEM " class="img1"/></a>

<a href="URL DO BLOG DA AUTORA" title="NOME DA AUTORA"><img src=" URL DA IMAGEM " class="img1"/></a>

<a href="URL DO BLOG DA AUTORA" title="NOME DA AUTORA"><img src=" URL DA IMAGEM " class="img1"/></a>


Agora que vocês aprenderam o tutorial, vamos ver a campanha em que estou participando?

Bem, o que posso dizer desse blog? ele é tão perfeito em tudo, conteúdo, layout então nem se fala, totalmente elaborado, o Fábio Lucas merece mais que um parabéns por seu talento, pois o layout do M.Y é único, ele vê os mínimo detalhes e personaliza, que tal agradecermos à ele dando os seus 200 seguidores merecidos? seria ótimo, ele merece com certeza :)

Então, se puderem ajudá-lo na meta, agradeceria.
Beijos gente, obrigada por continuarem visitando e comentando no blog mesmo ele estando desatualizado.

33 comentários:

  1. Muito obrigado Megan, concerteza você está me ajudando muito;). E seu blog também é maravilhoso e espero que consiga bastante sucesso aqui
    ABRAÇOS:WWW.FABIOLUCAS92.BLOGSPOT.COM

    ResponderExcluir
  2. Amei o efeito, bem bonito!

    Beijos ;3 | Eu Amo HTML | {euamohtml.blogspot.com}

    ResponderExcluir
  3. Tava atrás desse tutorial há tempo! hahaha. vou usa-lo no próximo layout :)

    Beijos, pequena-julieta.blogspot.com
    Novo post :)

    ResponderExcluir
  4. Que blog que esta´me ajudando !!!Muito bom seu blog.
    Aceita afiliação ?
    http://tennage-teen.blogspot.com.br/

    ResponderExcluir
  5. Vou ajudar a campanha :)
    Efeito lindo :D
    mei-meninasemnocao.blogspot.com

    ResponderExcluir
  6. Já vi esse efeito, é muito lindo :3
    World Of Tutos .

    ResponderExcluir
  7. olá , adorei o efeito das imagens , quando passo a barra de rolagem , as imagens aparecem tipo um flash, procurei em todo o seu tutorial e não achei como fazer, vc me ensina? abçs!



    http://palavraseessencias.blogspot.com/

    ResponderExcluir
    Respostas
    1. Como assim querida? se você quer dizer o efeito arco-íris das imagens, já temos o tutorial aqui no blog.

      Excluir
  8. Nooooooooooossa esse efeito é TOP de todos *-*

    jovenclube(.blogspot.com.br)

    ResponderExcluir
  9. Que efeito lindo Megan, estou precisando desses efeitinhos simples, pois preciso de ideias para o novo theme do too kawaii, obrigada mesmo por postá-lo!
    E o blog MW merece com certeza os 200 seguidores, eu não conhecia, mas já estou seguindo, muito criativo lá *o*

    Beijos e obrigada por sempre passar no TK! ^^
    Chu~

    Too Kawaii

    ResponderExcluir
  10. Nossa adorei o efeito,e vou ajudar ele na campanha !!!

    http://tennage-teen.blogspot.com.br/

    ResponderExcluir
  11. O efeito parece ótimo (; Ahh já estou ajudando na campanha !
    Espero que ele consiga logo :3
    beeijos ;*

    ResponderExcluir
  12. Lindo blog .

    Visitem o blog: cherryilustracoes.blogspot.com

    ResponderExcluir
  13. Annwww, que efeito lindo! *uu*
    Muito fofo, da vontade de morder *3* -qq
    Ah, já estou seguindo esse blog da campanha, é perfeito mesmo, me apaixonei pelo layout <3

    Kissus, - Toxic Yue ★

    ResponderExcluir
  14. ai meu Deus tutoriais da Megan (≧▽≦) , tipo ... adorei

    se tiver um tempinho ficaremos gratos com sua visita : http://quaseprincipa.blogspot.com

    ResponderExcluir
  15. Amei o efeito ^^

    Beijos,
    thingsto-all.blogspot.com

    ResponderExcluir
  16. Muito bom seu blog!
    Esse tutorial deixa o blog com outra cara!
    Toh Seguindo!
    Parabéns pelo blog!

    Visite>> http://aquiestamosnovobarbie.blogspot.com.br/

    ResponderExcluir
  17. Este comentário foi removido pelo autor.

    ResponderExcluir
  18. http://i-didthat.blogspot.com.br/

    ResponderExcluir