WebsiteBaker Support (2.13.x) > Hilfe & Support (deutsch)

Hilfe benötigt mit show_menu2

(1/2) > >>

md001:
Hallo, seit langem habe ich mal wieder eine Seite mit WB erstellt.
Ich habe hier nur ein Problem mit dem Menü (show_menu2)
Ziel ist ein horizontales Menü mit Mouseover. In der reinen html Seite funktioniert es auch, allerdings bekomme ich es nicht hin, das Ganze in das show_menu2 einzubauen.

Hier die Definition aus meinem .css

Vielleicht kann mir bitte jemand sagen, wie ich das nun in das Template bekomme 😬


--- Code: ---/* Navigation menu styles */
.menu {
    list-style: none;
    display: flex;
    justify-content: center;
    background-color: transparent; /* Transparente Hintergrundfarbe */
    padding: 10px 0;
    flex-wrap: nowrap; /* Damit Menüpunkte nicht umgebrochen werden */
}

.menu li {
    margin: 0 10px;
}

.menu a {
    color: white;
    text-decoration: none;
    padding: 5px;
}

/* Mobile Navigation styles */
.mobile-nav-icon {
    display: none; /* Standardmäßig ausgeblendet */
    cursor: pointer;
    font-size: 48px; /* Größere Schriftgröße für das Hamburger-Symbol */
}

/* Show mobile navigation icon when screen width is less than 600px */
@media (max-width: 600px) {
    .menu {
        display: none; /* Menü bei kleineren Bildschirmen ausblenden */
    }

    .mobile-nav-icon {
        display: block; /* Mobile Navigation Icon anzeigen */
    }

    .menu.active {
        display: flex; /* Menü anzeigen, wenn das Mobile Menü geöffnet ist */
        flex-direction: column;
        align-items: center;
    }
}

/* Submenu styles */
.submenu-content {
    display: none;
    position: absolute;
    background-color: #333;
    padding: 0;
    z-index: 1;
}

.submenu:hover .submenu-content {
    display: block;
}

.submenu-content li {
    margin: 0;
}

--- End code ---


Hier der Schnipsel aus meiner HTML Datei, bei der es ja funktioniert wie gewünscht


--- Code: ---    <nav>
        <div class="mobile-nav-icon" onclick="toggleMenu()">
            <span>&#9776;</span> <!-- Menüsymbol (Hamburger Icon) -->
        </div>
        <ul class="menu">
            <li><a href="#">Home</a></li>
            <li class="submenu">
                <a href="#">Seite 1</a>
                <ul class="submenu-content">
                    <li><a href="#">Untermenü 1</a></li>
                </ul>
            </li>
            <li><a href="#">Seite 2</a></li>
            <li><a href="#">Seite 3</a></li>
            <li><a href="#">Seite 4</a></li>
            <li><a href="#">Seite 5</a></li>
            <li><a href="#">Seite 6</a></li>
            <li><a href="#">Seite 7</a></li>
            <li><a href="#">Seite 8</a></li>
            <li><a href="#">Seite 9</a></li>
            <li><a href="#">Seite 10</a></li>
        </ul>
    </nav>

--- End code ---

hgs:
Hast du mal eine URL für uns zum anschauen und analysieren?
Nächsten Fragen sind:
WB-Version?
PHP-Version?
welches Template?

Schwebt die so was vor?
Link zu einer Testseite

md001:
WB-Version? 2.13.3 r166
PHP-Version? 8.1.15
welches Template? selbst erstellt.

Ja, so ein horizontales meine ich  :-D

hgs:

OK
Bei der Testseite habe ich dieses Template farblich umgebaut.
Auf unserer Templateseite findest du noch mehr schöne Templates.
Vielleicht kannst du dir ja auch da die show_menu2-Aufrufe und css-Anweisungen zum nachbauen anschauen.
Viel Freude und Erfolg mit WebsiteBaker

md001:
Danke für die schnell Antwort, aber ich bin nicht sicher, ob wir aneinander vorbeireden.
Diese templateseite kenne ich. Es geht mir aber nicht darum, etwas irgendwo rauszukopieren und zu hoffen, dass es dann bei mir funktioniert...
Ich habe wohl grundsätzlich die Thematik des show_menu2 nicht verstanden.

Als Beispiel habe ich ja im ersten Post den HTML Code gepostet und auch den Teil aus der CSS.

Jetzt habe ich nach wie vor nicht verstanden, was ich nach "<?php  show_menu2..." eintragen muss, damit das Menu, das ich ja in meiner css definiert habe auch angezeigt wird.

Navigation

[0] Message Index

[#] Next page