Boa noite, pessoal.
Desculpem por não ter aparecido por aqui hoje, amanhã tenho dois trabalhos importantes na escola e preciso de muitos pontos nas duas matérias, além de que sou muito tímida na hora de apresentar. Desejem-me muita sorte, quanto mais cedo me livrar da escola, melhor para o blog. Espero que tudo melhore brevemente e que eu posso compensar a todos por essa minha ausência.
Muita gente anda me pedindo algumas efeitos para autores, pois a maioria que já temos, estão sendo muito usados e se tornando bem comuns. Resolvi mexer em alguns código aqui e ali e acabou dando em um efeitozinho que decidi chamar de Zooming. O efeito é bem simples: A imagem de início é com a mesma aparência que temos aqui, mas quando você passa o mouse a imagem aumenta, diminui a opacidade e dá espaço para um textinho.
Não ficou lá essas coisas, mas espero que gostem mesmo assim. Eu mesma usaria este efeito, se é que não vou usar no nosso próximo template. Querem aprender? O código é bem extenso, mas é fácil.
1. Vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole:
Clique aqui para visualizar o código.
O código é bem básico, não tem nem o que explicar. Vão editando até acharem as preferências que gostem, caso não achem onde editar alguma propriedade, me perguntem pela ask.
2. Em um gadget de HTML/JavaScript, cole e edite como quiser:
<div id="zooming" class="zoomingout"><img src="LINK DA SUA IMAGEM" class="image4" /><div id="palavras"><a href="link" class="header">TEXTO EM ROXO OU OUTRA COR</a><br />TEXTO TEXTO TEXTO</div></div>
Gostaram? Bem fácil mesmo.
Nenhum comentário:
Postar um comentário