Zum Inhalt springen

Div Elemente "Content Layout" ein CSS Style hinzufügen

Erstellt am 24. September 2013 · Noch keine Antworten

Tags: Templates & Layouts, Inhaltselemente, TYPO3 4.x, Frage

suther ·

Ich habe ein ContentLayout ergänzt:

TCEFORM.tt_content {
 layout {
   addItems.5 = TextBox Übersichtsseite
 }
}

und dann via TS bestückt:

tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
  key.field = layout
  // kopieren des Standard-Verhaltens
  1 < tt_content.stdWrap.innerWrap.cObject.default
  2 < tt_content.stdWrap.innerWrap.cObject.default
  3 < tt_content.stdWrap.innerWrap.cObject.default
  #TeaserBox gray-Bg
  4 < tt_content.stdWrap.innerWrap.cObject.default
  5 < tt_content.stdWrap.innerWrap.cObject.default
  

  // Hinzufügen der eigene Klasse zum Wrap
  1.30 = TEXT
 # 1.30.value = csc-default special-content
  1.30.value = ><div class="Box_XL">|</div></div>
  
    // Hinzufügen der eigene Klasse zum Wrap
  2.30 = TEXT
  2.30.value = ><div class="Box_L">|</div></div>
  
  3.30 = TEXT
  3.30.value = ><div class="Box_S">|</div></div>
  
  4.30 = TEXT
  4.30.value = ><div class="marginal">|</div></div>
  
  #Übersichtsseite 
  5.30 = TEXT
  5.30.value = ><div class="TeaserPage">|</div>
}

Von Interesse ist nun im 2. TS der Bereich für die Übersichtsseite (5).
Dies gibt mir auf der Ausgabeseile folgenden SourceCode aus:

<div class="TeaserPage">
   <div class="csc-textpic csc-textpic-intext-left-nowrap">
      <div class="csc-textpic-imagewrap csc-textpic-single-image"><a href="index.php?id=7&amp;L=1"><img src="typo3temp/pics/835f4e082c.jpg" width="465" height="225" alt=""></a></div>
      <div style="margin-left:475px;">
         <div class="csc-textpic-text">
            <div class="csc-textpicHeader csc-textpicHeader-26">
               <h4>Erste Wahl: Ihr Partner</h4>
            </div>
            <div>
               <p class="bodytext">Viele Ersatzteile für ältere Fahrzeuge sind noch...</p>
            </div>
         </div>
      </div>
   </div>
   <div class="csc-textpic-clear">
      <!-- -->
   </div>
</div>

Es wird nun der Inhalt in einen umschließenden DIV mit Class TeaserPage umschlossen. Meine Frage: Ist es möglich. dem Text und Bild umschließenden DIV jeweils eine eigene CSS-Klasse hinzuzufügen?