[TYPO3-UG Muenchen] Inhaltseingabe und CSS

[Bernhard Rauscher]

Bitte kein TemplaVoila deswegen! TemplaVoila ist für andere Anwendungen 
gedacht.
Warum so kompliziert?

Schritt 1: Code schlanker machen! Totale DIVities ist hier ausgebrochen.
Z.B.:

<div class="BoxBig">
   <h2>Überschrift</h2>
   <ul>
     <li>item 1</li>
     <li>item 2</li>
   </ul>
</div>

Damit komm ich via css an alle vorherigen Elemente ran. Z.B.:
.BoxBig h2 {...}
.BoxBig ul {...}
.BoxBig ul li {...}
etc.

Schritt 2: Marker / Subparts rein und das ganze mit css-styled-Content 
rendern (sollte eh Dein Standard sein):

<div class="BoxBig">
<!-- ###BOXBIG### start -->
   <h2>Überschrift</h2>
   <ul>
     <li>item 1</li>
     <li>item 2</li>
   </ul>
<!-- ###BOXBIG### stop-->
</div>

Im TypoScript befüllst Du dann eine die Box mit dem Inhalt einer Spalte 
(z.B. Rand), wenn Du mehr Spalten brauchst gibt's hierfür auch einfache 
Lösungen...

- Wenn man nun im BE Überschrift auf "Layout 2" stellt => H2
- UL-Liste ist im RTE einfach ein Button.
Fertig.
Zum lokalen Testen lass ich ganz gerne den Code zwischen den Subparts 
drinnen, der ist aber überflüssig.

Schönen Gruß
Bernhard
www.typo3studio.de



micho edo schrieb:
> Hallo,
> 
> ich habe mit css eine Formatierung gemacht, die zum Beispiel in einer 
> Box eine Überschrift darstellt, und darin eine List aufzählt.
> Dazu soll fogende Struktur erzeugt werden.
> 
> <div class="BoxBigTop">
>   <h2>Überschrift</h2>
> </div>
> <div class="BoxBigContent">
>   <ul style="list-style-type: disc;">
>     <li>item 1</li>
>     <li>item 2</li>
>   </ul>
> </div>
> <div class="BoxBigBottom">
> </div>
> 
> Wenn ich das als Inhaltstyp HTML einfüge klappt das alles bestens.
> Wie kann man Inhalte die mit CSS formatiert werden, für einen Redakteur 
> editierbar machen. Am besten mittels Frontendediting.