Início
Curtir
![[Tutorial] Hover permanente no Menu principal Tutori10](https://i.servimg.com/u/f71/17/71/75/73/tutori10.png) | [Tutorial] Hover permanente no Menu principal |
1º - Editando Templates
Aceda em: Painel de Controle
Visualização Templates GeralSelecione o template overall_header!
Localize a seção do menu principal e retire todos as barras / dos href="/", exemplo:
- Código:
<li id="nav_app_forums" class="left active"><a href="forum" title="Go to Forums">Fórum</a></li>
Em meu fórum está da seguinte forma:
- Código:
<li id="nav_home" class="left"><a href="portal" title="Homepage" rel="home">Home</a></li>
<li id="nav_app_forums" class="left active"><a href="forum" title="Go to Forums">Fórum</a></li>
<li id="nav_app_members" class="left "><a href="memberlist" title="Go to Members">Membros</a></li>
<li id="nav_app_calendar" class="left "><a href="calendar" title="Go to Calendar">Calendar</a></li>
Localize a tag:
- Código:
<div class="pun">
Adicione em cima dela o seguinte código:
- Código:
<!-- #region Menu_Pagination -->
<div class="menu_pagination">
Ficando assim:
- Código:
<!-- #region Menu_Pagination -->
<div class="menu_pagination">
<div class="pun">
Localize as seguintes tags:
- Código:
</div>
</div>
</div>
</body>
E substitua pelo código abaixo:
- Código:
</div>
</div>
<!-- #endregion Menu_Pagination -->
</div>
</div>
</body>
Nota: É apenas para fechar a tag <div> que foi aberta!
No final do template, adicione o seguinte código:
- Código:
<!-- #region Run_Menu -->
<!-- ***********************************************************************
* Hover permanente no Menu principal - by JScript *
****************************************************************************
* Permite que o ítem selecionado no menu fique permanente! *
************************************************************************ -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(".main_width left:first").addClass("active").show();
$(".main_width .left").click(function(){
$(".main_width .left").removeClass("active");
$(this).addClass("active");
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
$(".menu_pagination").load("/"+activeTab+" .pun", function() {
});
return false;
});
});
//]]>
</script>
<!-- #endregion Run_Menu -->
Não esqueça de publicá-lo!
2º - Resultado
![[Tutorial] Hover permanente no Menu principal Untitl10](https://i.servimg.com/u/f69/18/17/62/92/untitl10.gif)
Desenvolvido por JScript | Wesley
Editado e Postado por Copyright® 2012 Staffer Group BR
Editado e Postado por Copyright® 2012 Staffer Group BR
