• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

24 de setembro de 2012

Efeito hover nos links "Postagens mais recentes" "início" "Postagens mais antigas"

Não passe o mouse em cima da imagem 
 
eu disse pra não passar...mais tudo bem, bom que assim dá pra ver o rosto desse lindo melhor .__. {e eu que devia estar na postagem...aa vamo nessa...!} não ligue pra mim...


x Modificando "Postagem  Recente"



vá no seu HTML marque a opção ''expandir modelos de widgets'' dê um CTRL + F e procure por:   
<data:newerPageTitle/>
apague somente esse 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'/>
x Modificando "Inicio"

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'/>

x Modificando "Postagem Antiga"

agora 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'/>

Imagens exemplo:
Imagens normal    imagem em hover
   
    

Espero que tenham gostado e compreendido :)

2 comentários:

  1. Muito legal esse efeito :) Quem sabe eu use no próximo layout do meu blog.

    http://wheres-my-stache.blogspot.com

    ResponderExcluir