Moduleingabe Styling
Verfasst: 2. Apr 2015, 20:56
Hallos,
jetzt arbeite ich doch schon eine Zeit lang mit Redaxo aber was mich bei Redaxo von Anfang an ein klein wenig gestört hat ist das "fehlende" Styling der Moduleingaben. Daher hab ich mir schon vor langem ein simples Addon gestrickt, welches unter anderem über den Extension-Point PAGE_HEADER ein Stylesheet einbindet, wodurch ich das Aussehen der Moduleingaben dann mittels CSS und einer speziellen HTML-Klassen-Struktur in der Moduleingabe anpassen kann. (Nebenbei bemerkt: für die Modulausgaben ist ein extra Stylesheet auch super, da dann alles schon fast so aussieht wie im Frontend)
Ich kann beispielsweise also mittels
und dem genannten Stylesheet die Eingaben anhand der Klassen nach meinen Bedürfnissen aufpeppen.
Meine Frage: Wie macht ihr das bzw. gibts da sowieso schon ein Addon welches ich bis jetzt übersehen habe? Gibts da sowas wie eine Modul-CSS-Wollmilchsau um Moduleingaben schön zu strukturieren bzw. einheitlich und supergeil aussehen zu lassen? Gehe ich da - wie man bei uns sagt "Mit der Kriche ums Kreuz"? Gibts da vielleicht sogar ein fertiges Addon für Modulausgaben, wo man dann nur noch das Styling für die eigenen Klassen schreiben muss?
Ich hab gegoogelt aber nix brauchbares gefunden.
Danke für eure Antworten.
Grüße, Robert
jetzt arbeite ich doch schon eine Zeit lang mit Redaxo aber was mich bei Redaxo von Anfang an ein klein wenig gestört hat ist das "fehlende" Styling der Moduleingaben. Daher hab ich mir schon vor langem ein simples Addon gestrickt, welches unter anderem über den Extension-Point PAGE_HEADER ein Stylesheet einbindet, wodurch ich das Aussehen der Moduleingaben dann mittels CSS und einer speziellen HTML-Klassen-Struktur in der Moduleingabe anpassen kann. (Nebenbei bemerkt: für die Modulausgaben ist ein extra Stylesheet auch super, da dann alles schon fast so aussieht wie im Frontend)
Ich kann beispielsweise also mittels
Code: Alles auswählen
....
<div class="modul-container">
<div class="modul-box">
<strong class="modul-headline">Texteingabe</strong>
<div class="modul-box-inner">
<strong class="modul-label">Fliesstext:</strong>
<textarea name="VALUE[1]" class="rex-markitup modul-big-textarea" data-buttonset="meins>REX_HTML_VALUE[1]</textarea>
</div>
</div>
</div>
....
Code: Alles auswählen
/*Datei: modul-input.css*/
....
.modul-container { font-size: 15px; background-color: #999; padding: 10px 0; }
.modul-box .cBlue { color: #14568A; }
.modul-box .cRed { color: #F34545; }
.modul-box .modul-big-textarea { width: 98%; min-height:250px; }
.....
Ich hab gegoogelt aber nix brauchbares gefunden.
Danke für eure Antworten.
Grüße, Robert