A base dessa ilustração eu achei no WORLD OF TUTOS
Boa tarde galera,estou super atrasado para minha aula de inglês,então o post vai ser rápido!Hoje me deu uma vontade louca de postar tutoriais,porque são super eficientes para criar layouts,e porque é muito bom ver a minha lista de tutorias toda completinha! *.*
O efeito que vou ensinar hoje é super fofo,vejam o preview aqui.
Se quiser aprender já sabe onde clicar!
1. 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'/>
2. 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>Gostaram? espero que sim!!
Já tinha visto no KW ele é bem útil acho que vou usa-lo agorinha mesmo
ResponderExcluir[Me Adiciona ? - https://www.facebook.com/4Youtube ]
O tutorial é mesmo ótimo!
Excluiresqueci de por os créditos ao kw vishhh
Aqui aparece que essa pagina esta indisponivel....
S[o me procurar Luis Abreu Sondré Costa Real
ExcluirComo não tenho blog eu nem vou falar muito(milagre u.u).
ResponderExcluirEtto....Boa Aula! o/
hsuahsaushau já sai da aula,fiz o post as duas sai da aula as 3:30
ExcluirHSUAHSUASHAHA -SQN Eu estudo a manhã Que Sorte o/ Amei o efeito ;)
ResponderExcluirHappy Birtdhay
http://jeitodecriaanca.blogspot.com.br/
eu tbm estudo amanhã o meu inglesm é de aula particular!
Excluiradorei o efeito !!
ResponderExcluirUaau, parabéns pelo seu blog, eu amei aqui, amei sua criatividade, seu modo de falar com os leitores, a forma que você usa nas postagens, o design e etc, eu realmente curti e vou voltar aqui sempre ! Obrigada por ter criado . Parabéns novamente e já estou seguindo ((: Parabéns !!
http://dezesseteetantos.blogspot.com.br/
*.* MUITO OBRIGADO PELOS ELOGIOS!
Excluirjá vou ver o seu!
u3u Leitora nova hein ? rsrsrs Tirei o boneco O-O
ExcluirTem vagas pra postador ?
ExcluirTem!!
ExcluirMais tem que escrever o português com sentido e conseguir fazer as ilustrações de post!
s estiver interessado é só falar!
Claro que eu estou ツ
ExcluirPostagem nova ♀
http://jeitodecriaanca.blogspot.com.br/