Alle aufklappen / Alle zuklappen

Spaghetti-Code durch Inline-Styles beim TYPO3-Bild-Rendern!? Wie kann ich das entfernen?

TYPO3 erzeugt Spaghetti-Code! Sobald Bilder mit als Inhalt eingestellt werden werden im Standard DIV-Container (oder <DL> ...) erstellt, die als Inline-Style z.B. diese Maßangabe einbauen:

<div class="..." style="width:250px;"> .... </div>

Das lässt sich ändern in (Klassenname ist willkürlich):

<div class="... autowidth"> .... </div>

erzielt wird das durch diese Einträge in das TYPO3-Template-Setup:

tt_content.image.20.rendering {
   dl.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last autowidth"> | </div>
   ul.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last autowidth"><ul> | </ul></div>
   div.imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last autowidth"> | </div>
   div {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow autowidth"> | </div>
      oneImageStdWrap.dataWrap = <div class="csc-textpic-image###CLASSES### autowidth"> | </div>
   }
}

Ins CSS gehört dann noch :

.autowidth { width:auto !important; }

 

 

Kategorie: Typoscript, T3-Snippets
Experte: Kurt Kunig (http://www.kupix.de)
gefragt hat: u.a. Twitter -> maddesign

Seitentitel und -Subtitel zusammen ins <title>-Tag

Zur besseren Veranschaulichung habe ich zuerst Variablen beschrieben:

tmp1.headerdata = TEXT

tmp1.headerdata.field = nav_title // title // header

 

tmp2.headerdata = TEXT

tmp2.headerdata.field = subtitle

tmp2.headerdata.required = 1

tmp2.headerdata.wrap =  :: |

 

tmp.headerdata >

tmp.headerdata = COA

tmp.headerdata.10 < tmp1.headerdata

tmp.headerdata.20 < tmp2.headerdata

tmp.headerdata.wrap = | :: www.kupix.de (Kunig)

 

 

page {

   headerData = COA

   headerData {    

      10 < plugin.tx_simulatebe_pi1

      20 < tmp.headerdata

...

   }

}

Kategorie: T3-Snippets