Nome do Tutorial: [TUTORIAL] Efeito Hover no Menu
Autor: JScript
Funcionalidade: PUNBB
Olá Membros bem aqui quem fala é o Mr.Sheldon bem hoje vim mostrar um código de quando você clica em um item do menu fica ativo como no print
AdmiCP-->Módulos-->Gestão dos Códigos Javascripts-->Coloque
Investimento: Todas as Páginas

Código:

/* #region Hover_Menu */
$(function() {
    var $Sel = $("#primary_nav li.left");
    var $Sel1 = $('#fixed_menu_punbb #primary_nav li.left');
    var activeMenu = sessionStorage.getItem('punBB_activeMenu');
    /*$Sel.eq(1).addClass("active").show();*/
        
    if (location.href.search('/forum') >= 0) {
        $('#community_app_menu').find('li.left').removeClass("active");
        $('#nav_app_forums').addClass("active");
        $('#fixed_menu_punbb #nav_app_forums').addClass("active");
    } else {
        if (activeMenu != '') {
            $(activeMenu).addClass("active");
            $('#fixed_menu_punbb ' + activeMenu).addClass("active");
        } else {
            $('#nav_app_forums').addClass("active");
            $('#fixed_menu_punbb #nav_app_forums').addClass("active");
        }
    }
 
   $Sel.click(function(e){
        $Sel.removeClass("active");
        $(this).addClass("active");
        sessionStorage.setItem('punBB_activeMenu', '#' + $(this).attr('id'));
            
        var activeTab = $(this).find("a").attr("href");
        e.preventDefault();
        window.location.href = activeTab
    });
});
/* #endregion Hover_Menu */

Até Mais

[sucesso=Tutorial Aceito]Movido para Dicas e Tutoriais[/sucesso]