Dropdown Starseite

LRDE · Feb 22nd 2019

Ich habe meine Startseite Individuell gestaltet und dort ein Menü zu den wichtigsten Punkten

Code

<div class="text-center">
    <hr class="boxContentSeparator">
    <ol class="boxMenu">
        <ul class="buttonGroup">
            <li class="active boxMenuHasChildren" data-identifier="com.woltlab.wcf.generic68">
                <a class="button" href="https://lrde.de/index.php?community/">
                    <span class="icon icon16 fa-users"></span>
                    <span class="boxMenuLinkTitle">
                        Startseite
                    </span>
                </a>
                <ol class="boxMenuDepth1">
                    <li class="" data-identifier="com.woltlab.wcf.MembersList">
                        <a class="button" href="https://lrde.de/members-list/">
                            <span class="boxMenuLinkTitle">
                                Mitglieder
                            </span>
                        </a>
                    </li>
                    <li class="" data-identifier="shop.header.menu.products">
                        <a class="button" href="https://lrde.de/shop/">
                            <span class="boxMenuLinkTitle">
                                Shop
                            </span>
                        </a>
                    </li>
                </ol>
            </li>
            <li>
                <a href="https://lrde.de/forum/" class="button">
                    <span class="icon icon16 fa-edit"></span>
                    <span>Forum</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/galerie/" class="button">
                    <span class="icon icon16 fa-photo"></span>
                    <span>Galerie</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/kalender/" class="button">
                    <span class="icon icon16 fa-calendar"></span>
                    <span>Kalender</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/blog/" class="button">
                    <span class="icon icon16 fa-newspaper-o"></span>
                    <span>Blog</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/datenbank/" class="button">
                    <span class="icon icon16 fa-database"></span>
                    <span>Downloads</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/show/" class="button">
                    <span class="icon icon16 fa-fort-awesome"></span>
                    <span>Hilfsorganisationen</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/stellenboerse/" class="button">
                    <span class="icon icon16 fa-handshake-o"></span>
                    <span>Stellenbörse</span>
                </a>
            </li>
            <li>
                <a href="https://lrde.de/lexikon/" class="button">
                    <span class="icon icon16 fa-archive"></span>
                    <span>Lexikon</span>
                </a>
            </li>
            {if !$__wcf->user->userID != 0}
            <li>
                <a href="{link controller='Login'}{/link}" class="button">
                    <span class="icon icon16 fa-user-plus"></span>
                    <span>Login/Registrieren</span>
                </a>
            </li>
            {/if}
        </ul>
    </ol>
</div>

Display More

Wie man im Code erkennen kann, würde ich den Punkt Startseite gerne zu einem Dropdown machen. Allerdings klappt das nicht wie ich das möchte, kann mir wer erklären was falsch ist?

BlackJ · Feb 22nd 2019

nur html ohne css wird das auch nicht funktionieren.

es fehlen einfach die css angaben auf deiner individuellen seite

mach doch einfach ein neues menü als box dorthin

LRDE · Feb 22nd 2019

Sollte das WSC die nicht von alleine kennen, sind ja immerhin auch die Classen, welche Woltlab auch nimmt?

BlackJ · Feb 22nd 2019

doch normalerweise schon. aber anscheinend fehlt da noch was. allein schon der tag <nav>

LRDE · Feb 22nd 2019

Es wäre toll wenn man mir sagen könnte, was da wo und wie fehlt =)
Wobei ich auch schon bei Bootstrap gerade schaue

BlackJ · Feb 22nd 2019

der luxus bootstrap wird nicht wirklich funktionieren. da sich das vermutlich mit dem wsc überschneidet.

wie schon erähnt wäre die einfachste und sauberste lösung ein neues menü zu erstellen und dies nur auf der seite anzeigen zu lassen

LRDE · Feb 22nd 2019

Quote from BlackJ

wie schon erähnt wäre die einfachste und sauberste lösung ein neues menü zu erstellen und dies nur auf der seite anzeigen zu lassen

eher nicht
Es kann auch dann kein Dropdown

Schon alleine das ich dann kein Login Button mehr machen kann.... Es muss doch möglich sein via HTML/Template Box ein Menü zu erstellen welches auch Dropdown kann wie das Standard Menü von WL

BlackJ · Feb 22nd 2019

Quote from A.Langer

eher nicht

Schon alleine das ich dann kein Login Button mehr machen kann.... Es muss doch möglich sein via HTML/Template Box ein Menü zu erstellen welches auch Dropdown kann wie das Standard Menü von WL

schau mal was passiert wenn du dem Menü die klasse : "mainMenu" hinzufügst.

es wird schon funktionieren ein login button einzufügen wenn man weiß wie

LRDE · Feb 22nd 2019

Quote from BlackJ

schau mal was passiert wenn du dem Menü die klasse : "mainMenu" hinzufügst.

es wird schon funktionieren ein login button einzufügen wenn man weiß wie

Weiß man aber nicht wie man das macht

Wie kann ich dem Menü in einer Box die klasse mainMenu zuweisen?!

BlackJ · Feb 22nd 2019

LRDE · Feb 22nd 2019

Das ganze nur noch mittig und den Login Button den man NUR sehen soll wenn man NICHT eingeloggt ist. Dann ich wäre zufriede.

den Login Button den man NUR sehen soll wenn man NICHT eingeloggt ist liegt das Problem, das kann das Menü von Haus aus nicht.... das geht nur mit einer Template Box

BlackJ · Feb 22nd 2019

Quote from A.Langer

den Login Button den man NUR sehen soll wenn man NICHT eingeloggt ist[/tt] liegt das Problem, das kann das Menü von Haus aus nicht.... das geht nur mit einer Template Box

also weißt du es doch. ja dann erstelle doch einfach einfach eine template box die du darunter positionierst?

LRDE · Feb 22nd 2019

Das ist doch net Zielführend. Es soll EIN Menü sein. Daher sollte es möglich sein in dem Template Menü, das ganze auch mit Dropdown zu bekommen.... Das ist die ganze zeit meine frage, wieso soll ich den zwei Boxen machen, wenn es nicht nötig ist (!)

Unabhängig das mich die Menü Box wie ich sie jetzt habe nicht mittig ist. Das habe ich beim Template aber

Alexander Ebert oder wer aus anders aus dem Woltlab Team, eine Idee dazu? Bevor ich hier tausend mal erklären muss was ich möchte.
Das dass was ich haben möchte geht, weiß ich. Nur nicht wie.

**Alexander Ebert** · Feb 22nd 2019

Hallo,

das ist mit Bordmitteln technisch leider nicht vorgesehen, hier muss ggf. ein eigenes Konstrukt verwendet werden.

Morik · Feb 22nd 2019

Wiso verwendest du denn nicht das normale Hauptmenü für dein Vorhaben, denn das beinhaltet ja die gesammte logik von haus aus und insbesondere auch die mobile Nutzung.

Überschüssige Menüpunkte kannst du dann einfach via CSS ausblenden damit sie auf anderen Seiten nicht mit angezeigt werden.

LRDE · Feb 22nd 2019

Weil es nicht mittig ist und ich den Login button so nicht machen kann...

BlackJ · Feb 22nd 2019

hast du denn einen link zu dem menü wo es mittig sein soll

LRDE · Feb 22nd 2019

Quote from BlackJ

hast du denn einen link zu dem menü wo es mittig sein soll

https://lrde.de/

Was NOCH IMMER das Problem mit dem Login Button nicht löst!

BlackJ · Feb 22nd 2019

Code

.mainMenu .boxMenu {
    justify-content: center;
}

du hast doch dort ein login button. entferne das menü und setze die box eins tiefer. anders geht es nicht.

der vorteil von der menü box ist auch das du dies im acp bequem anpassen und erweitern kannst.

LRDE · Feb 22nd 2019

Quote from BlackJ

du hast doch dort ein login button. entferne das menü und setze die box eins tiefer. anders geht es nicht.

Du kannst aber lesen oder? Ich möchte KEINE zwei Boxen auf der landingpage haben(!!!!)

Quote from A.Langer

Und wenn soll das Menü dann schon wie das eigentliche (Template Box, deswegen auch noch der Login Button) Mitte-Mitte sein

Dropdown Starseite

Participate now!

Share