Core Startseite anpassen

  • Moin zusammen,


    versuche gerade, eine Startseite, angelehnt an die von Woltlab zu bauen. Jedoch scheitere ich aktuell am Hauptmenü und dem gesamten Body der Seite.

    Ansehen kann man sich das hier

    Das Menü würde ich gerne ganz links haben und beim Scrollen soll es quasi sticky bleiben, sodass man ständig alle Menüpunkte zur Verfügung hat. Das Seitenlogo Habe ich schon ausgeblendet.

    Nun ergeben sich mir folgende Fragen:


    - Lässt sich die Hero-Box auf die gesamte Breite strecken, quasi im Screenshot oben links und rechts neben dem Body?

    - Ist es ohne Plugin möglich, einen Bilderslider einzubauen, der als Hintergrund verschiedene Bilder anzeigen lassen kann?

    - Ich würde gerne unter der Herobox quasi eine Art Artikel-Übersicht einfügen, hatte mir da 3 Boxen ühberlegt, eine links, eine rechts, dann wieder eine links, mit Bildern und einem Teil des Artikeltextes

    - Den Body oben im Screen würde ich gerne komplett entfernen, wie gehe ich da am sinnvollsten vor?



    Wäre über Hilfe nochmal sehr dankbar :)



    Viele Grüße

    Einmal editiert, zuletzt von knaffi () aus folgendem Grund: Liveansicht hinzugefügt

  • Also du willst im Prinzip den Stil auf 100% Breite skalieren?

    Genau, das bekomme ich aktuell irgendwie nicht hin. es soll quasi bis direkt an das Userpanel oben rechts, oben links sollte dann das Hauptmenü hin und der ganze obere Bereich (Hauptmenü, Userpanel und headerContentUserData) sollen beim runterscrollen quasi mitkommen.

    • Teambeitrag

    Offensichtlich. Muß ich mir noch mal durchlesen, weiß gar nicht mehr worum es hier ging.

    Deine Anfrage wurde nicht beantwortet? Dann bitte einfach noch mal kurz im Thema nachfragen.


    Mein Blog: TwentyMag <- Lesen, Teilen, Liken, Kommentieren, Abonnieren. Ihr wisst bescheid, was labere ich hier groß rum :eyes:

  • Schau mal nach sowas. ^^


    Die 112 musst du dann bei dir anpassen. :)


    Code
        /* Sidemenu + Content */
    
        .pageSidebarMenu + .content  {
            flex-basis: calc(112% - #{$baseMenuWidth} - 30px);
            max-width: calc(112% - #{$baseMenuWidth} - 30px);
        }

    Moin moin,

    das hilft mir leider nur bedingt weiter, da ich #main komplett ausgeblendet habe und das Menü dazugehört. Deshalb war mein Wunsch ja auch für Tom nicht mal eben zu beantworten.

    Trotzdem danke.



    Viele Grüße