15 de out de 2014

Tutorial: Imagem que ao passar o mouse se quebra + como colocar no cabeçalho


Oi gente, tudo bom? Espero que sim. Podem soltar fogos *brincadeira* o tutorial mais pedido aqui no O.D. Gente nunca pensei que um tutorial seria tão pedido, foram e-mail, comentários aqui no blog e lá facebook, chats (risos). Usava-o no meu cabeçalho. Uma observação importante os dois tutorais foram feitos pelo CHERRY BOMB, apenas mesclei os dois e puff! :D

Nome original é: Efeito 4 slidings para imagens (clique aqui e veja o efeito)
Vamos ao tutorial!

1º - Copie todo o código que está neste link, e cole-o acima de ]]></b:skin> No próprio código tem as explicações do que você deve alterar.

 - Agora cole este código onde você quer que as imagens apareçam (em um gadget de html/javascript na sua sidebar, por exemplo). No final do código é onde você vai colocar o link e a legenda de cada imagem.


Importante: Quando você adicionar o gadgets deve ficar assim. Veja o tutorial acima para entender essa parte.

<div class='item'><div id='topo'>CODIGO DO SLIDINGS
</div> </div>
  

6 comentários:


IMPORTANTE!

- Evite comentários com publicidades (não irei responder eles). Ex: Segue? Divulgações de post, sorteios e etc.
- Consulte também nosso FAQ em caso de dúvidas.

Obrigada por comentar em nosso post.
Expresse sua opinião. ♥
@zipperpouch

© OI DEZESSEIS 2014 - 2016. Todos os direitos reservados.
Criado por: Patrícia Melo.
Tecnologia do Blogger.