Zum Inhalt springen

csc-default mit wrap eigenem css anpassen

Erstellt am 19. April 2011 · 1 Antwort · letzte Antwort am 10. Mai 2011

Tags: Frage

ezekiel ·

Hallo Typo3-Freunde,
ich brauch ein wenig Hilfe bei TypoScript. Typo Script generiert mir, beim anlegen von Inhalt im Backend, den Inhalt so:

<div class="csc-default">
   <h1>blaa</h1>
  <p class="bodytext">TEXT</p>
</div>

Kein Thema, lässt sich super mit CSS anpassen. Mein CSS ist aber etwas komplexer. Und ich benötige folgende Struktur:

<div class="subpart_container" style="margin-top:0px;">          
    <div class="post_block">                
          <div class="subpart_headline_outer">
             <div class="subpart_headline_inner">
                  <h4>Überschrift</h4>
             </div>
         </div>
         <p class="bodytext">
               Lorem ipsum dolor sit amet.
         </p>
   </div>                
</div>

Die Struktur soll immer so sein. H4 wird also aus dem Überschriftenfeld von Typo gezogen, der Inhalt aus dem Textfeld im Typo-BE. Das heißt doch ich muss mein bisheriges TypoScript anpassen, richtig? Nur wie? Ich verzweifel

// Seiteninhalt rechts
page.10.subparts.INHALT_RECHTS = CONTENT
page.10.subparts.INHALT_RECHTS {
    table = tt_content
    select {
        where = colPos = 2
        languageField = sys_language_uid
        orderBy = sorting
    }
}
Mr.​TRTD ·

Dein Problem muss man in 2 Teile aufteilen:

<div class="subpart_headline_outer">
  <div class="subpart_headline_inner">
   <h4>Überschrift</h4>
  </div>
</div>

erreichst du z.B. über

lib.stdheader.10.0.fontTag = <div class="subpart_headline_outer"><div class="subpart_headline_inner"><h4>|</h4></div></div>

Der 2te Teil (die äußeren DIVS) sind schwieriger (zu verstehen).
Dazu solltest du dir den typoscript object browser angucken:

tt_content.stdWrap.innerWrap.cObject.default.10.value = <div class="subpart_container" style="margin-top:0px;"><div class="post_block"><div id="c{field:uid}"

tt_content.stdWrap.innerWrap.cObject.default.30.value = >|</div></div></div>

Aber eigentlich solltest du dir dein CSS angucken und dort Anpassungen vornehmen ;-)