01 junho 2013

Efeito Awn

| |
O blog está com quase 180 seguidores e eu não consigo acreditar! Que venha mais mil haha' ;)
Bom dia ;3
O fechei um blog por um instante para arrumar alguns problemas nos gadgets que estavam desalinhados no banner e aproveitei para deixar o tema 2YOON de lado e colocar 4Minute, a minha girlgroup preferida. Peço desculpa a quem precisou dos tutoriais do blog mas quando veio o achou fechado.

Eu percebi que já tem um tempinho que eu não posto efeitos, né? Aí eu fui fazer uns e até que ficaram bem legais, mas hoje é só o efeito Awn mesmo. Ele não é O efeito e nem chega perto de ser, mas acho que ficou legal. Ele fica melhor na elite de afiliados e é melhor usa-lo se tem poucos afiliados ou usa a expansão (sabe quando tem mais/menos aí você clica e derrepente aparece aquela penca afiliados? Então... u3u) porque a borda padding toma espaço. (A opinião é minha mas use como quiser)

Para visualizar o efeito, basta clicar aqui.
•••••••• ♥ ••••••••

1 • No HTML do seu blog, aperte F3 e procure por ]]></b:skin> e acima dessa tag cole:
.efeito-awn-isa {
padding: 2px;
border: 1px solid #COR DA BORDA;
-webkit-transition-duration: 2s
}
.efeito-awn-isa:hover {
-webkit-transform: rotate(90deg) rotate(180deg);
-webkit-transition-duration: 2.5s
}
Visualize para ver se tudo está no lugar e depois salve.

•••••••• ♥ ••••••••
2 • Depois de ter salvo, vá em Layout - Adicionar Gadgets - HTML/JavaScript e cole:
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
<a href="LINK" title="NOME"><img class="efeito-awn-isa" src="IMAGEM" /></a>
E depois de fazer as alterações necessárias é só salvar.

•••••••• ♥ ••••••••
Espero que tenham gostado, pessoinhas. Lembrando que se usar ou repassar credite à mim pois deu trabalho pra fazer.

Beijos ;♥

17 comentários:

  1. Muito lindo o efeito.estava sentindo falta dos seus efeitos;)
    summerscomicsworld.blogspot.com.br

    ResponderExcluir
  2. Que feito mais kawaii! >u<

    HTML Empire - http://html-of-empire.blogspot.com.br/
    Adventure Land - http://adventure--land.blogspot.com.br/

    ResponderExcluir
  3. Que fofo esse efeito *O*
    Adorei mesmo, muito lindo :33

    xoxo♥

    Crazy Girl ~ ♡

    ResponderExcluir
  4. Aaaawn literalmente, muito lindo, tenho um parecido com esse também *-*
    177 followers, agora parabéns u_u

    palace-of-designers.blogspot.com

    ResponderExcluir
  5. Verdade! que venham muito mais! merecem mesmo! haha'
    Perfeito o efeito ein! amei, impecável!

    Adolescente Nerd

    ResponderExcluir
  6. Nunca vou entender como vocês fazem esses efeitos...
    Ficam perfeitos *-*

    just-atime.blogspot.com.br/

    ResponderExcluir
  7. Adorei o efeito,se eu usar farei como você disse,no gadget dos afiliados.E se eu usar claro que coloco os créditos.

    Beijos
    amoraruffles-blogger.blogspot.com.br

    ResponderExcluir
  8. Que lindo o efeito, adorei >3<
    Xoxooh~
    Daily-whin.blogspot.com

    ResponderExcluir
  9. O efeito é fofinho, mas achei meio precário em relação aos diwonicos que postou antes, mas não deixa de ser lindo.
    - Gostaria de avisar que o blog mudou de URL e nome, poderia atualizar? A linda aqui estava da indesiza e mudei. Agora, é: blog-sixseconds.blogspot.com/
    Beijos <3
    /ana

    ResponderExcluir
  10. Awn, que efeito lindinho,
    adorei *o*
    xoxo,

    ResponderExcluir
  11. Ficou muito lindo esse efeito, já aproveitei e usei no novo lay *-*

    fatosdemeninaa

    ResponderExcluir
  12. Oi amore amei seu blog e suas postagens!
    Segue?http://x-celebridades.blogspot.com
    Vc divulga em seu blog???Já estou divulgando o seu no meu!

    ResponderExcluir
  13. adorei!
    eu gostaria de saber onde está o código do Menu So Cool. Se não tiver poderia postar nos tutoriais!
    http://euamohtmlteste.blogspot.com.br/2013/01/menu-so-cool.html

    ResponderExcluir
    Respostas
    1. akie baby...eh que eu mudei o nome de algumas coisas, já que era apenas um blog de teste

      http://euamohtml.blogspot.com/2013/02/menu-jumping-efeito-de-texto-no.html

      Excluir
  14. Que lindo em!
    http://morango-sabor.blogspot.com/

    ResponderExcluir
  15. hMM.. Cheguei aqui agorinha e já amei! Vou usar o efeito :3 beijos! Ganhou leitoraa!
    http://senhoritafrescurite.blogspot.com.br/
    Beijos

    ResponderExcluir
  16. Adorei o efeito, só que não aparece o nome no meu blog :(
    Me ajuda? Responde lá no blog, por favor.
    Beijos!
    http://umrealsurreal.blogspot.com.br/

    ResponderExcluir

« »