22 setembro 2012

Tutorial - Início, Antigas e Recentes Hover

Oi pessoal =)
Sejam bem-vindos ao meu novo Blog, o Suuīto World!
Aqui eu vou sempre postar tutoriais, utilitários e até jogos...espero que gostem!
Como primeiro post vou ensinar como colocar o 'Início', 'Antigas' e 'Recentes' em Hover, igual tem aqui no Blog...pra quem não entendeu, veja a imagem:
Então, vamos ao tutorial? Clique em Leia Mais!

1. Primeiro faça as imagens, são 6 no total. 3 em cada botão sem passar o mouse e as outras 3 para quando for passar o mouse.

2. Procure por <data:newerPageTitle/> (botão de postagens recentes), apague essa linha e no lugar dela cole:
<img border='0' onmouseout='this.src="LINK DA IMAGEM NORMAL"' onmouseover='this.src="LINK DA IMAGEM HOVER"; return true' src='LINK DA IMAGEM NORMAL'/>
3. Procure por <data:homeMsg/> (botão de início) e cole o mesmo código acima, só que com as imagens de Início.

4. Procure por <data:olderPageTitle/> (botão de postagens antigas) e cole o mesmo código, só que com as imagens de Postagens Antigas.
Achei no: Kawaii World
Espero que tenham gostado do Tutorial, qualquer coisa só perguntar =)

2 comentários:

  1. Adorei o tuto, o efeito é muito lindo *///*
    Seu blog é lindo! Já estou seguindo :3
    Obrigado pela visita ~
    Kissus nee ~

    onigiriwarai.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou ^^
      Eu também adorei seu blog, já estou seguindo ^^

      Excluir