Nove template + Efeito Lat

Parece que mudei o template novamente. Jura?! Não tenho conseguido ficar com apenas cinco em um único par de meses, tive que aumentar para seis. Comecei a fazer esse faz alguns dias atrás tipo antes-de-ontem e terminei hoje. Não conseguia me aguentar vendo ele sem ser aqui no blog. Sinto muito. E outra coisa que se pode relatar é que talvez eu fique com esse por pouco tempo. Não sou muito fã de rosa, mas sei lá.

Bem. Dando continuidade ao meu esqueminha. Resolvi postar o efeito que estou usando nos afiliados atualmente. Devo destacar que ele é exclusivo, e não quero que usem os meus efeitos e menus como base, ok? Dá trabalho muito fazer. Faço barraco. O efeito se chama Lat(eral), mas essa última parte é e deve ser ignorada. Nem preciso dizer o por que.

Visualize o efeito aqui.

Para fazer o efeito funcionar, vá em Modelo > Editar HTML > Expanda a 1ª setinha. Dê Ctrl + F ou F3 e procure por: ]] 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);
}

Se quiser o efeito exatamente igual ao que deixei na preview, não modifique o código. Caso queira mudar algo, mude apenas o que destaquei em negrito.

Agora vá em Layout > Adicionar Gadget > HTML/Javascript. Nele, cole o seguinte código:

Para ver o código clique aqui: xxx

Modifique as partes sublinhadas com o que se pede em casa item e salve. Pronto! O efeito foi posto em pratica. 

/ana