Menu Deslizante
O que é? O Menu Deslizante nada mais é do que algo que quando passamos o mouse e aparece outra, como por exemplo, um menu. Temos um exemplo neste theme.
Para colocá-lo no seu theme, siga os passos seguintes:
1º: Coloque estes códigos no seu CSS:
.menudeslizaih {background: #d52121; top:0px; left:0px; width: 100%; box-shadow:0 0 1em #9C9689; position: fixed; height: 5px; z-index: 100;}
 .deslizaih {background-image: url('AQUI COLOCA SEU MENU INTEIRO*');top:0px; left:0px; width: 300px; position: fixed; height: 290px; z-index: 100; margin-top: -200px; margin-left: 50px; -webkit-transition-duration: .99s; filter: alpha(opacity=75); moz-opacity:.80; opacity:.80 ;}
 .deslizaih:hover {margin-top: 0px; -webkit-transition-duration: .99s; filter: alpha(opacity=100); moz-opacity:1.0; opacity:1.0;}
2º: Depois de <body> coloque:
<div class="menudeslizaih"></div>
 <div class="deslizaih"><div style="margin-top: AJUSTE PARA QUE FIQUE NO TOPOpx;">
<center>
MENU
</center>
 </div></div></div>
Simples não é? Agora vamos entender algumas coisas:
**Não entendeu como assim menu inteiro? Aqui está um exemplo: http://static.tumblr.com/rzkfpnf/euJlz1a8b/menu.png. Está tudo ajustado para essa imagem, então você terá que reajustar para a sua.

Tutorial por mim, Lara, códigos por Dudu. Se for útil, credite ao Inovando Html.

sábado, 24 de março de 2012 @ 08:41 0 comentários

» «