Breadcrumb

HEAD-Code

hier nix

HTML-Code

den Java Script Code in den HTML Teil bitte

CSS-Code

/* 1. Hauptmenü-Punkt markieren (Textfarbe & Unterstreichung) */
.nav-link.active, 
.nav-item.active > .nav-link {
    color: @primaryColor !important; 
    font-weight: bold !important;
    border-bottom: 2px solid @primaryColor; /* Die Unterstreichung */
}

/* 2. Untermenü-Punkt (Dropdown) markieren */
.dropdown-item.active {
    color: @primaryColor !important;
    background-color: rgba(0,0,0,0.05) !important; /* Dezenter Hintergrund */
    font-weight: bold;
}

/* 3. Korrektur für Mobile (Hamburger Menü) */
@media (max-width: 991px) {
    .nav-link.active {
        border-bottom: none; /* Keine Linie im mobilen Klappmenü */
        background-color: rgba(0,0,0,0.05);
    }
}

JavaScript-Code

<script>
document.addEventListener("DOMContentLoaded", function() {
    // Aktuellen Dateinamen aus der Adresszeile holen
    var path = window.location.pathname;
    var currentFile = path.split("/").pop();
    
    // Falls man nur die Domain aufruft, ist es meist die index.php
    if (currentFile === "") { currentFile = "index.php"; }

    // Alle Links im Menü (Haupt- und Unterpunkte) suchen
    var navLinks = document.querySelectorAll('.nav-link, .dropdown-item');

    navLinks.forEach(function(link) {
        var linkHref = link.getAttribute('href');
        
        // Wenn der Link im Menü mit der aktuellen Datei übereinstimmt
        if (linkHref === currentFile) {
            link.classList.add('active');
            
            // WICHTIG: Wenn es ein Unterpunkt ist, markiere auch den "Vater" (Dropdown-Header)
            var parentDropdown = link.closest('.nav-item.dropdown');
            if (parentDropdown) {
                var parentLink = parentDropdown.querySelector('.nav-link');
                if (parentLink) {
                    parentLink.classList.add('active');
                }
            }
        }
    });
});
</script>

PHP-Code

Hier nix

HEAD-Code

HTML-Code

CSS-Code

JavaScript-Code

PHP-Code

Besucherstatistik