WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 13.01.2019 10:22:29

screamindan
Member

Bild links / rechts

Moin. Ich würde gern mit Itemz folgendes machen. Im normalen Contentbereich 2 Bereiche nebeneinander. Links Bild, rechts paar Infos zu dem Bild. Beim nächsten Item soll das dann aber andersrum sein. Bild rechts, links paar Infos. Beim dritten dann wieder Bild links usw. ... Ist sowas möglich? Beim Mobile dann das normale Verhalten (oben Bild, drunter Text...)  ops

Last edited by screamindan (13.01.2019 10:23:49)

Offline

#2 13.01.2019 11:41:01

florian
Administrator

Re: Bild links / rechts

Grundsätzlich ja. Es gibt den Platzhalter [MROW], der abwechselnd pro Reihe 1 oder 2 ausgibt. Du kannst also irgend so etwas bauen
Kopfzeile:

<style>
.reihe1, .reihe2 {clear:both;}
.reihe1 .pic {float:left; width:33.333%;}
.reihe1 .txt {float:left; width:66.666%;}
.reihe2 .pic {float:right; width:33.333%;}
.reihe2 .txt {float:right; width:66.666%;}
</style>

Item:

<div class="reihe[MROW]">
<div class="pic">
{PICTURE}
</div>
<div class="txt">
[LONG1]
</div>
</div>

Offline

Liked by:

screamindan, stefanek, thanks

#3 13.01.2019 11:43:46

screamindan
Member

Re: Bild links / rechts

Schön. Wird probiert, danke.

Offline

#4 13.01.2019 11:47:47

florian
Administrator

Re: Bild links / rechts

Ach so, für die Mobildarstellung dann noch ein Mediaquery in den <style> rein

@media screen and (max-width:800px) {
.reihe1 .pic, .reihe1 .txt, .reihe2 .pic, .reihe2 .txt { width:100%; float:none;}
}

Offline

Board footer

Powered by FluxBB

up