WoltLab-Design - Hauptmenu verschieben

  • Mir gefällt das Original-Design von WoltLab Suite gut und möchte es geringfügig anpassen. Da wir ziemlich viele Apps haben, kommt das original-Design an seine Grenzen und es versteckt manche Menupunkte. Aus diesem Grund würde ich gerne das Logo und das Hauptmenu vertauschen, so dass das Logo oben und das Menu unten ist. Wie kann ich das realisieren?

    Liebe Grüsse
    Eisu

    «Ich habe keine Bugs, nur unerwartete Features!»

  • Das müsste .pageHeaderPanel sein. Hier der ganze Code

    Code
    .pageHeaderPanel {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 300;
    }

    Ich mache keine Fehler.......

    Ich erschaffe Katastrophen

  • den Code in die individuelle CSS eintragen, ist das richtig? - Wenn ja, da passiert nichts :(

    Liebe Grüsse
    Eisu

    «Ich habe keine Bugs, nur unerwartete Features!»

  • mcburn hat nur angeben, welche ID bzw. Klasse das Hauptmenü hat. Die Werte sind die Standardwerte. Passt man die an, verschiebt man das Menu...

    Das hier:

    erreicht man mit:

    Code
    .pageHeaderContainer {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .pageHeaderPanel {
        top: 120px;
    }

    ________________________________________________________________
    WSC-Support - Code & Design für die WoltLab Suite

    3DCommunity - https://www.3d-board.de

    Edited 2 times, last by djblueprint: Lösung ergänzt (February 5, 2018 at 6:07 PM).

  • Der Code kommt in das individuelle CSS des Stils. Achtung: Die Werte basieren auf dem Standard-WL-Design. Hat dein Logo eine andere Höhe als das WL-Logo, musst du die Werte anpassen.

    ________________________________________________________________
    WSC-Support - Code & Design für die WoltLab Suite

    3DCommunity - https://www.3d-board.de

  • Eisu Ich hatte mit Unkl. mal Schritt für Schritt den Header angepasst. Vielleicht hilft dir das ja auch weiter.

    mainMenu Anpassungen

    Alle Schritte wären für dich natürlich nicht relevant, da auch das Hauptmenü umgestaltet wurde. Aber einige Punkte könnten durchaus interessant sein. Bei Interesse kannst du ja einfach mal alle Beiträge bis zum Ende durchgucken.

  • Danke für die Hilfe!

    djblueprint im Grunde ist es das was ich will, doch sollte die "Kontrollzentrum, Konversation und Suche-Leiste" nicht mit dem Menu verschoben werden, denn die Apps "verstecken sich dahinter - geht das?

    Liebe Grüsse
    Eisu

    «Ich habe keine Bugs, nur unerwartete Features!»

  • Eisu February 5, 2018 at 7:48 PM

    Changed the title of the thread from “WoltLa-Design - Hauptmenu verschieben” to “WoltLab-Design - Hauptmenu verschieben”.
  • Danke für das Angebot! djblueprint i

    Ich habe davon zuwenig Ahnung, wäre dankbar über Deine Hilfe. Ich habe mal etwas Photoshop gemacht:

    Cool wäre, wenn der ganze Header beim Scrollen fixed bleibt und das Hauptmenu mit jedem neuen Menueintrag mit wächst.

    Liebe Grüsse
    Eisu

    «Ich habe keine Bugs, nur unerwartete Features!»

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!