13 abril 2013

Efeito Marquee & Rotate | Bitch Editions

| |
~ Oiie!
Eu criei um blog novo {EBA!} que é sobre PhotoShop, PhotoFiltre, PhotoScape e outros programas de edições. Eu disponibilizei um PhotoShop gratuito e já postei um tutorial de como fazer um PSD colorido, igual ao da ilustração de cima (é, isso não é sépia, é um PSD marrom). O nome é Bitch Editions (eu gostei, é diferente). Deem uma passadinha lá, clicando aqui.

Agora ao tutorial, amores ;P
Eu o estou usando no Bitch Editions e eu criei depois de misturar alguns códigos meus e, no final, deu isso. Se gostou, clique em leia mais ^-^

.......................................

1. No HTML do blog, aperte F3 e procure pela tag ]]></b:skin> {Se não acha-la, siga esse tutorial} e acima cole:

.isa-cute-rotate{border-radius: Bordas Arredondadaspx; opacity:0.6; -webkit-transition-duration: .80s;}
.isa-cute-rotate:hover {opacity:1.0; -WEBKIT-TRANSFORM: ROTATE(-720DEG) SCALE(0.8); -webkit-transition-duration: .80s;}
.......................................

2. Agora vá em Layout • Adicionar Gadgets • HTML/JavaScript e cole:
<marquee behavior="alternate" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="3">
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
<a href="LINK" title="TÍTULO"><img class="isa-cute-rotate" src="IMAGEM" /></a>
</marquee>
O 3 é a velocidade em que as imagens vão passando. Quanto maior o número, mais rápido as imagens passam.
.......................................
Espero que tenham gostado, meus amores. Acho que fica melhor em afiliados, mas vocês que decidem onde querem colocar.

Hey, não esqueçam de visitar o Bitch Editions, hein.

16 comentários:

  1. Que lindo esse efeito, o melhor é que é pelo CSS né? *-*
    O Blog é lindo, não conhecia e adorei. Parabéns!
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
  2. Amei esse efeito! É muito lindo!

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  3. O efeito é lindo mesmo !
    ~Kisses
    things-to-html.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial. O efeito é bem bonito :) Adoro usar Marquee, mas nem sempre ficara legal :/
    Thing HTML

    ResponderExcluir
  5. Que legal esse efeito ^.~
    cr4zy-world.blogspot.com.br

    ResponderExcluir
  6. Eu adorei o efeito, é bem bonito ><

    Time HTML

    ResponderExcluir
  7. O efeito é fofo. :3

    http://catch-html.blogspot.com.br/

    ResponderExcluir
  8. Efeito beeeem top'
    Beijo, Lili
    Princesa Teen / O blog.
    Eu no youtube / Maquiagem, dicas, DIY... Se inscreva e ganha um post exlusivo (informações no blog).

    ResponderExcluir
  9. O efeito é tão lindinho, mas não faço a minima ideia de onde colocar.
    Triste isso... Vou ver se encaixa no meu próximo lay *w*

    Lost November

    ResponderExcluir
  10. Ficou legal C:
    Só não uso porque nem sei onde colocaria-o no meu blog *rs
    Amore, aceita afiliação de Blog Irmão?
    Responde aqui: Caramelos Encantados
    Beijoos!

    ResponderExcluir
  11. Oi flor, acessei o seu outro blog hoje de tarde e quando fui acessar ele de noite apareceu essa mensagem:

    "Este blog está aberto exclusivamente a leitores convidados

    http://bitch-editions.blogspot.com/
    Parece que você não foi convidado para ler este blog. Se achar que trata-se de um engano, recomendamos que você entre em contato com o autor do blog e solicite um convite.

    Você está conectado como larikoze@gmail.com - Conecte-se com uma conta diferente"

    Você tirou ele do ar??

    ResponderExcluir
  12. adorei *-* conheci o seu blog a pouco tempo e já me apaixonei , está de parabéns! ♥

    ResponderExcluir
  13. Adorei o efeito,está na minha elite,OK? se quiser ver ----> Lindos Backgrounds

    ResponderExcluir

« »