21:26
1 de abril de 2012
Postado por: Anônimo
Aqui estou eu de novo =/
Vou postar um tutorial de como fazer o Menu Hover [Menu que muda de imagem ao passar o mouse], se eu não postar nada esse site fica paradão, e esse tutorial já é um pouco mais difícil do que roubar doces de uma criança, mas ainda assim é fácil. Go, Go, Para o Tutorial:

Vá em editar HTML e depois aperte Ctrl + F e procure por:
]]></b:skin>
Quando você achar esse código, acima dele cole esse outro código:

#button { width: 175px; padding: 0 0 1em 0; margin-bottom: 1em; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; background-color: #transparent; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { margin: 0; list-style: none; list-style-image: none; } #button li a { margin-right: 49px; background: url(COLOQUE O URL DA SUA IMAGEM AQUI) no-repeat; display: block; padding: 0px 0px 0px 0px; background-color: #transparent; color: #000; text-decoration: none; width: 175px; height: 35px; } html>body #button li a { padding-top: 8px; padding-left: 49px; width: 175px; height: 35px; } #button li a:hover { background: url(COLOQUE O URL DA SUA IMAGEM AQUI) no-repeat; background-color: #transparent; color: #fff; }
Depois de ter feito TUDO ISSO   salve e vá em adicionar um gadget>HTML/JAVASCRIPT e cole o código abaixo:

<div id="button">
  <ul>
<li><a href="#">NOME DA PÁGINA</a></li>
<li><a href="#">NOME DA PÁGINA</a></li>
<li><a href="#">NOME DA PÁGINA</a></li>
<li><a href="#">NOME DA PÁGINA</a></li>
<li><a href="#">NOME DA PÁGINA</a></li>
<li><a href="#">NOME DA PÁGINA</a></li>
</ul>
</div>

0 comentários: