The Moon Reverse ミ✩: Efeito Up

22 de maio de 2013

Efeito Up

Boa noite, gente! Como vocês estão? Espero que bem! Desculpem-me a desatualização, amores, meu computador está com sérios problemas técnicos e o notebook não tem photoshop ainda, apenas serve para trabalhos, então ou é um ou é outro, e queria dizer que já escolhi a postadora, fiquei na dúvida, mas muito mesmo entre três, as únicas que se inscreveram e não digo que é algo ruim, pois se caso muitas pessoas se inscrevessem eu teria morrido de dúvida, já viram alguém morrer por dúvida? Não q Mas a Anne-Chan entrou para equipe >\\\< Eu queria escolher outras que também estavam na espera a tempos, mas da próxima, não terá dúvidas! ~

Visualize o efeito no blog aqui.


01. Acima de ]]></b:skin> cole o código abaixo.
.up{
padding:2px;
border: 3px solid #ffffff;
-webkit-box-shadow: 0px 0px 5px #c7c7c7;
-moz-box-shadow: 0px 0px 5px #c7c7c7;
box-shadow: 0px 0px 5px #c7c7c7;
margin:1px;
width:50px !important;
height:50px !important
opacity: 0.7;
padding: 1px;
border-radius: 2px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
-webkit-transition-duration: .70s;
}
.up:hover{
OPACITY: 0.3; outline-style: transparent;
-webkit-filter: saturate(0%);
-moz-filter: saturate(0%);
-o-filter: saturate(0%);
-ms-filter: saturate(0%);opacity: .43;
-webkit-transition-duration: .40s;
-webkit-transform: rotate(360deg) scale(1.1) ;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
}
02. Cole em um gadget de html/java script o código abaixo:
<a href="seu link" target="_blank" title="nome"><img class="up" src= "imagem"/></a>

textsms      45 comentários

  1. O Layout ficou maravilhoso como sempre *o*
    ~e o efeito divo~
    http://meubloguinhofofo.blogspot.com.br/

    ResponderExcluir
  2. O layout está muito lindo *-* Todos os seus ficam perfeitos sempre.
    Gostei do tutorial. :)

    ResponderExcluir
  3. Adorei o layout, maravilhoso *-*
    Ótimo tutorial *U*

    ResponderExcluir
  4. OMFG! Que layout divino (T▽T) você me humilhou, sua cruel!!
    Adorei as cores, rosa e azul é a combinação de cores mais fofa e linda que existe ^^
    Adorei também o efeito, vou guardar o tutorial nos * para usar no próximo layout!
    Beijos!
    pqngarota.tk

    ResponderExcluir
    Respostas
    1. *OOOOO* Ainda considero você melhor AKOSKAOAK' E é okay ? ~
      Awh, eu amo estas cores, nunca as usei em um layout. Obrigada Viih ~

      Excluir
  5. ^O^ Amei o Layout Faz Um Pra Min u.u ?
    Adorei o Efeito" Adorei Tuto :O

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. HAUSHAUH' Lá em cima, é só encomendar :33 ~
      Obrigada Thel.

      Excluir
  6. Ficou muito kawaii *u*
    O layout e o efeito xD

    ResponderExcluir
  7. Muito lindo o efeito, gostei! Ah, e sobre o layout, só dá pra descreve-lo em duas palavras: ~muito divo~ Amei aqui *o*
    venha conhecer o meu cantinho e se gostar, não se esqueça de fazer parte dele... ficarei muito feliz em ter vc como uma seguidora :) [eu já estou fazendo parte daqui!]
    espero que goste e desde já seja muito bem-vinda :*
    beijos, Lauren.
    Visite-me -> pareinosquinze.blogspot.com

    ResponderExcluir
  8. Respostas
    1. Ainda estou editando as páginas, principalmente as de créditos.
      Amanhã provavelmente estará tudo em ordem e seu efeito também, não me esqueci do seu cc: ~

      Excluir
    2. Obrigado! >3< Desculpe incomodar, não quero ser chato. Obrigado ~

      Excluir
    3. HAUSHAU' Não tem nada, é obrigação minha :3 Obrigada por avisar !

      Excluir
  9. FICOU LINDO DEMAIS MACK JHDFIUHASUFIDSU Babei nele, pena que a data do post ficou muito igual a minha... ;A;

    ResponderExcluir
    Respostas
    1. OAKSOAKOAKA' Obrigada Saag :33
      SHIT, maldita paleta ://
      Mudarei a cor Sag, ou se achar até coloco outro >\\\\\\\\<

      Excluir
  10. Alguém te deu permissão pra fazer um layout tão perfeito assim? Por algum acaso eu deixei tu fazer essa perfeição? *uu*, cara, nunca vi tamanha perfeição num blog, sério u3u Tá bem elaborado, muito lindo, u_u'

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
    Respostas
    1. OAKSOPAKOPAKA' Não, mas okay ...
      Awh, obrigada juu *--*

      Excluir
  11. Ah e, o efeito é lindooooooo demais! Vou usar, e_e'

    ResponderExcluir
  12. Anjo eu poderia encomendar por outro lugar Tipo Email? Por que lá não dá para escrever muito tem o limite no Tumblr me Fala o seu Email que eu queria encomendar' :D

    Beijos ~~ World Of Thel

    ResponderExcluir
    Respostas
    1. Eu a tenho no facebook, se quiser é melhor por ele, aí você me diz tudo por lá <33

      http://www.facebook.com/nyah.fanfiction.7?ref=tn_tnmn

      Excluir
    2. Olha eu já tinha você :D

      Excluir
  13. O layout novo está lindo. Ficou bem fofo e kawaii, Mackenzie.
    - O efeito é bonito. Gostei c:

    ResponderExcluir
  14. Ficou lindo Mackenzie u.u
    Pra variar só um pouquinho né? haha

    ResponderExcluir
  15. O efeito é muiiito legal! E o novo lay? Lindo demais da conta!!!

    meninasapeca-ms.blogspot.com

    ResponderExcluir
  16. O blog esta muito lindo, o layout esta PERFEITO Mackenzie. Mamos com os dois últimos gadgets diferentes deu um "tchan" no visual do blog. Desculpa por não ter assado aqui no blog esse dias, estou ainda preparando o layout do DW :(. Amor queria te avisar que o layout que eu estou preparando também é das cores azul e rosa tem algum problema ?, mais digo que ele é totalmente diferente do seu, caso queira que eu mude as cores eu mudo.
    Xoxooh~
    Daily-wgin.blogspot.com (Fechado)

    ResponderExcluir
    Respostas
    1. Daííy, minha perfect, não precisa diso tudo >\\\\\\\<
      Não precisa mudar as cores não >wwww<
      Muito obrigada sua perfeita *UU*

      Excluir
  17. Ai e desculpa, acho que não comentei sobre o efeito. Ele é muito lindo acho que vou usar ;)

    ResponderExcluir
  18. Perfeição *oo* Sério, ficou maravilhoso este layout, amo esta combinação de cores *o*
    O efeito ficou muito fofinho, qualquer hora vou usar >3<
    Parabéns à Anne, espero que ela se dê muito bem aqui no blog >3<
    Beijos
    ill-help-you.blogspot.com

    ResponderExcluir
    Respostas
    1. >\\\\\\\\\\\\\\\\\\\\< Obrigada Ingrid ~
      Eu também OAKSOAK' A primeira vez que uso...
      E vai >ww<

      Excluir
  19. PARA TUDO, Que layout mais diwoso e mais perfeito é esse Mack? *ooo* Deixa eu casar com ele? OSUHAOSUHOAUSAOS' Sério, lindo demais :3 Anne por aqui? Awn, adoro ela, ela é super legal e é uma perfeita postadora, fazendo dupla com você ainda OUAHSOUAOHS' Blog perfeito, cada dia mais *u*

    http://zombie-of-html.blogspot.com/

    ResponderExcluir
    Respostas
    1. KAOSKPAKSOAKPA' Awh >\\\\\\\< Que bom que gostou Bodewig ~
      HAUSHE' Sim, Anne pft >w<
      Obrigada sua diwa *ooo*

      Excluir
  20. Adorei os avatares,eu salvei alguns aqui u3u

    Entrei hoje no seu blog e me apaixonei, que blog perfeito *-*

    cherry-attack.blogspot.com

    ResponderExcluir
    Respostas
    1. Avatares ? HOAKSPAKAO'
      Obrigada sua perfect ~

      Excluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.