Tutorial : Efeito fall + Explicações de Hoje

Boa Noite Pessoas
Ohayo! Como estão? Espero que eu tenha feito falta. O motivo e as explicações da minha falta , foi por que eu fui ao cinema , quer dizer ''cinema'' , eu fui mais quando cheguei não tinha o filme. Então foi um dia cansativo , mais estou aqui , pelo menos no mínimo um post por dia , e se não posto me sinto um pouco mal , é mais como um abandono ao meu blog e isso eu não quero. Eu to tentando baixar the sims play pirata claro. Por que o normal não pega no meu celular e tipo também nem o pirata do que eu quero funciona , chato vice. Quero que saibam que hoje vou postar uma coisa bem pequenininha , muitos já fizeram esse efeito , me desculpem , mais podem deixar irei fazer um layout de prévia.

Ás aulas se reiniciam pessoas na segunda , e acreditem ainda estou aqui sem nada , é eu não tenho escola e não tenho nada. Hoje o cinema não deu certo. Minha vida não dá certo e estou cada vez mais cansada , sendo pisada , destruída , eu vou fazer tudo isso dá certo. Assim eu espero. E prometo que vai ter blog de prévia , e sim vamos ter uma ótima sorte dessa vez , tem que ficar bonito. Vamos ao tutorial.
01. Vá até modelo > Editar HTML e clique em qualquer lugar da caixinha com os códigos. Pressione ctrl + F e procure por  <head> que deve se encontrar mais ou menos na quarta linha. Abaixo dessa tag que você acabou de encontrar, cole o seguinte:
<link href='http://static.tumblr.com/dlelfro/wZfml3zxq/fallingkw.css' media='screen' rel='stylesheet'/>
02. Agora vá descendo até encontrar a primeira setinha, onde tem <b:skin>...</b:skin>. Se preferir, use o ctrl + F e procure por ... e aí você irá achar a seta. Clique nela. Pressione ctrl + F e procure por ]]></b:skin>. Acima dessa tag, cole o seguinte:
.efeitofall{
padding:2px;
border:1px solid #dcdbdb;
}
.efeitofall:hover{
-webkit-animation-name: fall;
-moz-animation-name: fall;
-o-animation-name: fall;
animation-name: fall;
-webkit-animation-duration: 1s;
}
3. Você já pode salvar. Para aplicar o efeitoe em alguma imagem, utilize o código abaixo dentro de um gadget de HTML/JavaScript. Serve para imagens e menus, faça um bom uso. Substitua as partes indicadas.

<a href="LINK""><img src="LINK DA SUA IMAGEM" class="efeitofall"/></a>

4 comentários:

  1. Oi c:
    Gostei do tutorial, mega fácil e bem explicadinho *-*
    Você foi no cinema e perdeu o filme? Vish, conseguiu ver algum outro?
    Beijos!

    ||Crazy Cake ||

    ResponderExcluir
  2. Yo! ^3^ Estou ótima, espero que você também. ♥ Aconteceu isso comigo quando fui ver Amanhecer pt. 2, foi uma droga! -.-'Postar todo dia? Meta da minha vida. >.< Tenho o The Sims 3 pra PC e cara, aquilo é minha vida, literalmente. auhushauhhas

    Não fala assim, ok? Você tem apenas 16 anos e, embora a adolescência faça a vida parecer frustrante, não é algo insuperável. Toda vida é feita de altos e baixos, mas nós só caímos se nos deixarmos abater.

    O efeitinho é mesmo lindo, não? Eu o adoro. <3

    Beijos, Empire Kawaii & Quinze Outonos.

    ResponderExcluir
    Respostas
    1. kkk mais seu the sims é aquele de cd que compra ou outro? Minha vida não é mais a mesma.
      Sim é lindo.

      Excluir

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).