[TYPO3-german] Jedem zweiten Element classe zuweisen.

Steffen Dietrich dietrich at agentur-webfox.de
Thu Jan 25 11:07:09 CET 2018


Moin.

Auf den ersten Blick sieht es so aus, als möchtest du jedem zweiten Li 
eine Klasse hinzufügen. Ich vermute mal, da geht es um CSS-anweisungen, 
damit die ne andere Hintergrundfarbe oder so was haben?
Wenn ja, würde ich auf eine reine CSS-Lösung setzen....also so was wie 
"even" und "odd".

ul li:nth-child(even) {background: #CCC}
ul li:nth-child(odd) {background: #FFF}

Spart man sich das ganze TypoScript-gedönse. :)


Am 25.01.2018 um 09:51 schrieb Magdalena Borkowski:
> Hallo Ihr Lieben,
> also ich bin noch sehr neu in der Typo3 Welt und blick noch nicht 
> durch alles durch.
> Ich möchte jedem zweiten Element die classe="timeline-inverted" geben 
> und der macht bei meinem bei jedem ersten. Was verstehe ich nicht?
>
> lib.timeline  = CONTENT
> lib.timeline {
>      table = tt_content
>      select {
>        pidInList = 30
>        languageField=sys_language_uid
>        selectFields=header,bodytext,image
>        orderBy = sorting
>            where=colPos=0
>      }
>
>      renderObj = COA
>      renderObj {
>               5 = LOAD_REGISTER
>        5 {
>             divEvent.data = register:divEvent
>             divEvent.stdWrap.wrap = |+1
>             divEvent.prioriCalc = 1
>        }
>
>        20 = TEXT
>        20.value = <li>
>        20.override.if.value = 1
>        20.override = <li class="timeline-inverted">
>        20.override.if {
>          equals.data = register:divEvent
>          # %2 bedeutet jeder 2.
>          equals.stdWrap.wrap = |%2
>          equals.prioriCalc = 1
>          #value = 0        }
>
>        25 = TEXT
>        25.value = <div class="timeline-image">
>            30 = FILES
>        30 {
>          references {
>            table = tt_content
>            uid.data = field:uid
>            fieldName = assets
>          }
>
>          renderObj = IMAGE
>          renderObj.params = class="img-circle img-responsive"
>          renderObj.file.import.data = file:current:uid
>          renderObj.file.treatIdAsReference = 1
>        }                 35 = TEXT
>        35.value = </div>
>               40 = TEXT
>        40.value = <div class="timeline-panel">
>               50 = TEXT
>        50.field = header
>        50.dataWrap = <div class="timeline-heading"><h4>|</h4></div>
>               60 = TEXT
>        60.field = bodytext
>        60.parseFunc < lib.parseFunc_RTE
>        60.wrap = <div class="timeline-body">|</div>
>               70 = TEXT
>        70.value = </div>
>
>        80 = TEXT
>        80.value = <div class="line"></div>
>        90 = TEXT
>        90.value = </li>
>      }
>
> }
>
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

-- 

mit besten Grüßen

*STEFFEN DIETRICH*
TYPO3 DEVELOPER

AGENTUR*WEBFOX*
AgenturWebfox GmbH // Einsteinufer 63 // 10587 Berlin
030 2520998-50 // www.agentur-webfox.de
dietrich at agentur-webfox.de

Geschäftsführung: Darius Niroumand // Amtsgericht Berlin-Charlottenburg: 
HRB 149829 B



More information about the TYPO3-german mailing list