30 janeiro 2014

Efeito Oops

| |
Oi gente. Não vou escrever muito na introdução, pois não estou me sentindo muito bem hoje. Só estou postando hoje porque não quero deixar o blog desatualizado.

Bem, o efeito é simples. Não sei exatamente porque o nomeei de oops, foi só algo que apareceu do nada mesmo.

dessa vez eu hospedei a prévia no tumblr, pois surgiram alguns problemas no blog de teste. Se não conseguirem ver falem comigo, ok? Preview ( )


1 • Aperte F3, procure por ]]>< e acima cole:
#oops {
width: 240px; /* Largura */
height: 240px; /* Altura */
background: black; /* Background */
margin-top: -246px; /* Faz o fundo subir ou descer */
color: #ccc; /* Cor da fonte */
text-shadow:0 1px #fff; /* Sombra do Texto */
font-family: trebuchet ms; /* Fonte */
font-size: 50px; /* Tamanho da fonte */
text-align:center;
opacity:0;
-webkit-transition: all .5s ease-in-out
}
#oops:hover{
transform: rotate(120deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ie-transform: rotate(360deg);
opacity: 0.75;
}
2 • Vá em Layout, Adicionar Gadgets, HTML/JavaScript e cole:
<center><a href='LINK'><img src="https://31.media.tumblr.com/211c0934ad288b85e6fce01acb93b97d/tumblr_inline_mzkwssRlxo1rbw5xf.png" style="padding: 2px; border: 1px dotted #ccc;"/><div id="oops"></br><br />ISA</div></a></center> 

◘◘◘◘◘◘◘◘◘◘◘◘
Espero que tenham gostado... e é isso. Beijos :*

17 comentários:

  1. Não sei o que houve, mas espero que melhore ><
    Que efeito mais lindo *0* Muito criativo, ameeei! Favoritei UHEUHE'

    Beijooos! ~
    htmlandresources.blogspot.com

    ResponderExcluir
  2. Achei bem legal o efeito ^^ espero que fique melhor :)

    Gallery-peace.blogspot

    ResponderExcluir
  3. O que houve? Fique melhor logo :3 Enfim, adorei, ficou muito legal, é super criativo.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
  4. Espero que fique melhor =) O efeito ficou bem legal *-*

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  5. Espero que melhore >3< Mesmo não sabendo o que aconteceu... Adorei o efeito!

    Letícia Evans | Vida de uma SONE

    ResponderExcluir
  6. O que aconteceu? Melhoras :3 Adorei o efeito, ele dá certo pra colocar os nomes dos postadores, não? >3<

    www.b-urning.blogspot.com.br

    ResponderExcluir
  7. Espero que você melhore!
    Achei bem legal o efeito ^^
    Beijos
    Purple Star

    ResponderExcluir
  8. Estimo melhoras...
    Divoso este efeito ^^

    ResponderExcluir
  9. nuca tinha visto um efeito tão criativo assim ,amei ,
    alias amei seu blog por inteiro muito lindo ,obrigada pela visita, seguindo ~

    SoC ~>> sweet-of-cherry.blogspot.com.br

    ResponderExcluir
  10. Melhoras para você moça D: Eu adorei esse efeito, muito legal *-*

    ResponderExcluir
  11. Espero que melhore, Isa. :3 Você geralmente transmite estar feliz, alegre e 'cheia de vida'. Gostei de você desse jeito não, moça.

    ~ O efeito é bonito, mas não entendi o por que do nome - masok. <3

    써니데이즈 ♡ { Sunny Days }

    ResponderExcluir
  12. Que legal esse tuto, assim como o seu blog que acabei de conhecer.
    Beijos, chuchu ♥

    cerejices.blogspot.com.br

    ResponderExcluir
  13. Gostei do efeito! É bem legal.
    Voltei *-* / querendo-voar.blogspot.com.br

    ResponderExcluir
  14. O efeito é super legal, e ainda tem a Marina no preview <3
    Beijos :3

    www.wehearthtml.com

    ResponderExcluir
  15. Amei o efeito, mas por favor me passa o layout do seu blog????

    ResponderExcluir
  16. amei seu blog, como vc faz esses efeitos nele??? tipo o menu em slides e tals essas coisas, queria aprender a fazer isso, me ensina???

    ResponderExcluir

« »