Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

30/07/2013

Efeito Rotativo Nos Afiliados / Parceiros

Olá meus visitantes *-*, neste tutorial vou ensinar como colocar um efeito rotativo nas imagens dos afiliados. É bem fácil, vamos lá aprender!

No painel, vai a design → editar html → aperta F3 e procura pela tag: 
]] ></b:skin>
Cola acima dessa tag o código abaixo.
/*Efeito Rotativo*/
#efeito {
border-radius: 5px;
-webkit-transition-duration: 1.00s;
}
#efeito:hover {
-webkit-transform: rotate(360deg);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1sease;
}
Finalmente usa o seguinte código para "meteres" a imagem a rodar quando passas o rato por cima dela.
<a href="LINK DO AFILIADO" target="_blank"><img border="0" src="LINK DA IMAGEM" id="efeito" /> 
E pronto *-*, já está! Como viste é bem fácil e fica bem engraçado. Por favor, peço a todos que seguiam o blog, que voltem a seguir, pois todos os seguidores foram apagados com a mudança de blog. Obrigado.

0 Comentários

« »