01/08/2012

Tutorial : Efeito hover nos links "Postagens mais Recentes" "Início" "Postagens mais Antigas" .

Olá meu povo , para finalizar o dia de hoje vou postar um Tutorial super fácil , como mudar o Postagens mais Recentes ,  Início e Postagens mais Antigas por imagens com efeito hover ,Confira >>

Obs : Vamos mexer no seu HTML , por tanto salve uma cópia do seu Lay , caso dê algo errado !!!

Uma coisa muito importante é que quem já modificou esta parte do Lay , não irá encontrar nenhum dos códigos abaixo , então quando for procurar , procure pela url da imagem atual .


Alterando ''Postagens Recentes''
Vá no seu HTML , marque a opção ''Expandir Modelos de Widgets''  , dê Ctrl + F ou F3 e procure por :   <data:newerPageTitle/>   
Apague somente este trecho destacado e no lugar cole :
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>
 Alterando ''Início'' :
Agora procure por : <data:homeMsg/>
Apague e no lugar cole :
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>
 Alterando ''Postagens Antigas'' :
Procure por :  <data:olderPageTitle/> 
Apague e no lugar cole :
<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>
Prontinho , agora é só mudar url da imagem principal pela url da imagem principal , e url da imagem com o mouse em cima pela url da imagem com o mouse em cima , ( risos ) .
Visualize e se estiver tudo certo , salve .
Espero que tenham entendido , qualquer dúvida , pergunte !!!
Créditos : (www) .






4 comentários:

  1. adorei as dicas!
    Aguardo a sua visita, e clique em sorteios, participe ( pulseira corujinha, esmalte, e uma presilha, veja mais no blog!!

    http://larissacanziani.blogspot.com.br/

    ResponderExcluir

-Primeiro , não não peça Tutoriais / Materiais pelos comentários , use a Ask - me .
-Não desrespeite ninguém , tenha educação .
- Comente sobre o post .
- Deixe a sua url no fim do cometário para que eu posso lhe retribuir o mesmo .