domingo, 9 de junho de 2013

Efeito Lat - Reblogagem

Photobucket Sem Sol, sem nuvens;
Photobucket Blogger e Ask;
Photobucket Sono chegando;
Photobucket "Brilho até quando estou no escuro... ♫"
Photobucket "Twinkle", Girls' Generation TTS;
Photobucket Pirulito, é você?;
Photobucket Nada...;
Photobucket Tutorial novo á vista.


Boa Tarde, muchachos. Esta é a última postagem programada do dia. Acho que duas já está de boa quantidade para manter o blog atualizado. Logo, me lembrem lá no 6s, de entrarei nesta conta e responderei a todos os comentários. Só preciso lembrar disto, vamos até quando, né?

Hoje, trago um tutorial que já havia postado lá no outro blog. Ele fica muito bonito ao ser usado na elite de afiliados. Ele recebe este nome, pois sua transição faz com que ele gire cerca de 90 graus lateralmente. O efeito, apesar de já ter sido postado, é exclusivo. Caso use, dê os créditos ao Six Seconds e ao Thing HTML


Tutorial - HTML  Preview


Primeiramente, vá em: Modelo > Editar HTML > Expanda a primeira setinha. Agora, dê Ctrl F ou F3 e procure por ]]. Logo acima dessa tag, cole:
.lat {
border: 1px solid #ccc;
background: #f8f8f8;
padding: 2px;
}
.lat:hover {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-moz-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
}
Caso queira personalizar a borda do efeito, edite as partes destacadas em negrito. Caso queira o efeito exatamente igual ao visto da preview, não modifique nada. Salve e continue o tutorial.

Tutorial - Gadget


Agora, vá em: Layout > Adicionar Gadget > HTML/Javascript. Neste novo gadget, cole o código abaixo e modifique de acordo com os comando no mesmo.
Para ver o código, clique aqui: xxx
Salve as modificações e visualize o efeito em seu blog. Caso tenha dúvidas, tire-as através da Ask do blog e comentário.
Kissus, Ana.

2 comentários: