WoltLab-Design - Hauptmenu verschieben

Eisu · Feb 5th 2018

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?

mcburn · Feb 5th 2018

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

Code

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

norse · Feb 5th 2018

Dabei passiert leider garnichts.

Gruß norse

Eisu · Feb 5th 2018

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

djblueprint · Feb 5th 2018

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;
}

Eisu · Feb 5th 2018

Sorry für mein Ahnungslosigkeit, doch was mach ich jetzt damit?

djblueprint · Feb 5th 2018

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.

ReeN · Feb 5th 2018

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.

Eisu · Feb 5th 2018

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?

ReeN · Feb 5th 2018

Wie die Dropdowns und die Suche verschoben werden können, findest du z.B. auch in dem von mir verlinkten Thread.

djblueprint · Feb 5th 2018

Eisu wenn du mit den Tipps im verlinkten Thread nicht weiter kommst, melde dich einfach nochmal, dann schaue ich mir das noch mal an.

Eisu · Feb 5th 2018

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.

WoltLab-Design - Hauptmenu verschieben

Eisu Feb 5th 2018

Participate now!

Share