Contao Theme gesucht

[conter]

Hallo

Ich bin auf der Suche nach einem Theme in dem Text und Bild-Blöcke immer abwechselnd links rechts angeordnet sind, siehe anhängendes Bild.
Das ganze natürlich über die ganze bzw. halbe Breite und responsive

Hat jemand schon mal sowas gesehen und kann mir ein Theme sagen?

Danke im vorraus,
conter

Anhang 18905

[derRenner]

Hallo,

... der Anhang kann nicht geöffnet werden - zumindest nicht bei mir.

[mlweb]

Ich kann den Anhang auch nicht öffnen.
Ganz grundsätzlich denke ich aber, dass man für spezifische Wünsche am Besten fährt, wenn man sich ein individuelles Theme erstellen lässt oder ein Theme entsprechend anpasst bzw. anpassen lässt.
Die von Dir beschriebene Anforderungen können - wenn ich es richtig verstanden habe - prinzipiell mit Contao Core und etwas css abgefrühstückt werden.

[planepix]

Ich kanns öffnen und hängs nochmal dran, dann kann man da ggf. weiter kommen.

muster-kacheln.png

Ich würde mir dafür ein paar CSS-Definitionen erstellen.

[mlweb]

Ja, so wie ich es mir gedacht habe. Wenn nicht noch anders aufgebauter Inhalt benötigt wird, reichen da wohl sogar die core-Klassen und ich würde Flexboxen verwenden.

[derRenner]

Danke @planepix - jetzt kann ich's auch öffnen

Wie @planepix erwähnt: via CSS lösen
» CE Text mit Bild einfügen "Ein Bild hinzufügen"
» das Bild jeweil links oder rechts floaten (Bildausrichtung)
» dem CE eine class vergeben
» via CSS stylen

[Andreas]

Oder keine Klasse vergeben und in etwa so formatieren:

/* CSS */
.my-div .text {
  float. left;
}
.my-div .image {
  float. right;
}
.my-div:nth-child(odd) .text {
  float. right;
}
.my-div:nth-child(odd) .image {
  float. left;
} 

[conter]

Hallo Leute,

vielen Dank für eure Antworten!

Mein Beispiel hatte ich in statischem HTML/CSS gebastelt und habe dort

.teaser {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.teaser-element {
    display: table-cell;
    padding: 6%;
    vertical-align: middle;
    width: 50%;
}
.teaser-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vw;
}

Wichtig war mir, dass es immer annähernd Quadrate sind und zwar eine Reihe immer fullsize übers Browserfenster, egal wie viel Inhalt (sind natürlich immer nur Kurztexte) und egal wie breit bis runter auf 768px, darunter kann es dann untereinander erscheinen.
Konnte das aber noch nicht Testen, ob es unter ie9 auch noch funktionieren würde.
Mit CSS krieg ichs wohl hin, aber bei JS als Fallback für ältere Browser hab ich nicht so die Fähigkeiten.

@ mlweb
Flexbox geht auch erst ab ie10 oder?

premium-contao-themes.com hat übrigens einige passende Themes im Programm.

Viele Grüße,
conter

[mlweb]

Ja Flexbox ist erst ab IE10.
Warum so alte Browser vollständig unterstützen, gibt es da eine Kundenvorgabe?

Lt. Can I Use ist der Anteil aller IE < IE10 in Deutschland 0,57% und global bei 0,73%

[Stefko]

Flexibilitiy.js ist ein Polyfill, das Felxboxen auch bei IE8 & 9 ermöglicht
https://github.com/jonathantneal/flexibility

Grüße,
Stefko

[conter]

Ja, stimmt, ie9 ist nicht mehr sehr weit verbreitet ...
Ich frage mal den Kunden, ob es aus irgendwelchen Gründen wichtig für ihn ist, dann würde ich mir ggfs. mal das Polyfill näher anschauen.
Danke für den Link!

[Thraile]

Mal ehrlich, jedes Windows auf einen aktuellen Patchlevel hat min. den IE 11 installierte.

OK Vista mag hier eine Ausnahme sein, aber der Support endet auch im April 2017.

Gesendet von meinem D5803 mit Tapatalk