Adicionar classe no menu ativo Seg 18 Jun 2018 - 17:59
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Adicionar classe no menu ativoAutor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Aprenda como adicionar uma classe "active" para o menu.
Primeiro iremos até Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript Criar um novo JavaScript
Investimento: Em todas as páginas
Código:
- Código:
/*
* Application: Active Menu
* Date: 26/04/2018
* Version: 1.226042018
* Copyright (c) 2018 Daemon <bestskins.forumeiros.com>
* This work is free. You can redistribute it and/or modify it
*/
document.addEventListener("DOMContentLoaded", function(event) {
var location = window.location.pathname + window.location.search,
mainmenu = document.querySelector("a.mainmenu[href='" + location + "']");
if(mainmenu) mainmenu.className += " active";
});
(Opcional) CSS simples utilizado no exemplo no gif:
- Código:
a.mainmenu.active {
background-color: white;
color: #000;
padding: 5px;
text-decoration: none !important;
font-weight: bold;
border-radius: 4px 4px 0 0;
}
Se tiver alguma dúvida relacionada com este tutorial, crie um tópico de mesmo nome.