Zwei Boxen nebeneinander darstellen

dteam · Apr 21st 2020

Hallo kann man zwei Box nebeneinander machen Siehe bilder :

Nach dem Umbau ( rechts neben der Silber eine Box Für z.b Artikel anzeige , Video oder ein Bild )

Diesen code gefunden ....Wie bekomme raus was meine ID ist von der Startseite ??

CSS

/* Startseite Boxen nebeneinander */


body[data-page-id="149"] {

    .boxesContentBottom > .boxContainer {

        display: flex;

    }


    .boxesContentBottom > .boxContainer > div:first-of-type {


        width: 68%;
        padding-right: 25px;
        padding-left: 20px;
        margin-top: 0 !important;
    }


    .boxesContentBottom > .boxContainer > div:last-of-type {


        width: 32%;
        padding-right: 20px;
        padding-left: 10px;
        margin-top: 0 !important;

    }

}

Display More

Black Rider · Apr 21st 2020

Die ID der Seite steht im Administrationsbereich unter Inhalte > Seiten. Suche dort deine gewünschte Seite und schau dann links in der ersten Spalte nach der ID.

dteam · Apr 21st 2020

Quote from Black Rider

Die ID der Seite steht im Administrationsbereich unter Inhalte > Seiten. Suche dort deine gewünschte Seite und schau dann links in der ersten Spalte nach der ID.

Ja das hab ich nun schon gefunden aber wie bekomme zwei Boxen wie auf dem Bild nebeneinander

Black Rider · Apr 21st 2020

Zuerst einmal:
Cross-postings sind eher ungern gesehen, insbesondere, wenn man sie nicht untereinander verlinkt:

https://community.woltlab.com/…89-umbau-wer-kann-helfen/

Hast du denn bereits zwei Boxen oben im Inhaltsbereich erstellt, die du nebeneinander anzeigen lassen willst? Denn das wird benötigt, damit der von dir genannte Code auch einen Effekt hat.

Boxen kannst du im Administrationsbereich unter Inhalte > Boxen nach deinen Vorlieben konfigurieren.

dteam · Apr 21st 2020

Quote from Black Rider

Zuerst einmal:
Cross-postings sind eher ungern gesehen, insbesondere, wenn man sie nicht untereinander verlinkt:
https://community.woltlab.com/…89-umbau-wer-kann-helfen/

Hast du denn bereits zwei Boxen oben im Inhaltsbereich erstellt, die du nebeneinander anzeigen lassen willst? Denn das wird benötigt, damit der von dir genannte Code auch einen Effekt hat.

Boxen kannst du im Administrationsbereich unter Inhalte > Boxen nach deinen Vorlieben konfigurieren.

Display More

ja .....hatte es so versucht aber ging nicht. Hab die Boxen so angelage das diese aber erstmal nur ich sehen kann. Kann sie noch mal erstellen.

Black Rider · Apr 21st 2020

Gerne. Und dann bitte ein Link zur entsprechenden Seite bereitstellen.

dteam · Apr 21st 2020

So ......Sehe ich das mom. Und ich hätte gerne das untere ( Artikel ) oder wenn man so mal was anderes dahin machen machen möchte z.b ein Video das rechts neben der Sliber

https://weltplay24.de

Black Rider · Apr 21st 2020

Dann müsstest du erst eine zweite Box erstellen, die ebenfalls nur ein Element anzeigt, so wie du es haben willst.

Und dann müsstest du bei deinem Code oben alle Vorkommnisse von boxesContentBottom zu boxesContentTop ändern.

dteam · Apr 21st 2020

geht nicht

Black Rider · Apr 21st 2020

Ersetze zusätzlich das CSS von oben einmal komplett durch folgendes SCSS:

CSS

@include screen-lg {
    body[data-page-id="149"] {
        .boxesContentTop > .boxContainer {
            align-items: flex-start;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            
            > .box {
                flex: 0 0 100%;
                
                &:first-child {
                    flex: 0 0 65%;
                    margin-top: 0;
                }
                
                &:nth-child(2) {
                    flex: 0 0 30%;
                    margin-top: 0;
                }
            }
        }
    }
}

Display More

dteam · Apr 21st 2020

Passt fest die Position ist über denn Inhaltsbereich

Black Rider · Apr 21st 2020

Dann musst du boxesContentTop durch boxesTop im SCSS ersetzen.

dteam · Apr 21st 2020

Jetzt noch anpassen ....super danke für deine hilfe

Black Rider · Apr 21st 2020

Die zweite Box kann man aktuell übrigens als Gast noch nicht sehen.

dteam · Apr 22nd 2020

Danke dir noch für die tolle Hilfe danke .....

dteam · Apr 22nd 2020

Kleine Frage noch wenn auf Forum bin und dann auf Startseite oder aufs Logo klicke geht es nicht zur Startseite zurück wieso ??

Black Rider · Apr 22nd 2020

Bitte erstelle pro Frage ein neues Thema.

dteam · May 15th 2020

Wenn ich die Position ist Hero nehme sind die Box nicht mehr nebeneinader wieso was muss da angeben

Black Rider · May 15th 2020

Weil dann die Klasse .boxesContentTop nicht mehr greift. Schau im Quellcode nach, wie die Klasse für die Hero-Boxen heißt.

dteam · May 15th 2020

Wo ?

Black Rider Apr 21st 2020