Im Artikel Template evenodd generieren: Unterschied zwischen den Versionen
Aus Contao Community Documentation
(Die Seite wurde neu angelegt: „Category:Dev_Snippets Es koennte hilfreich sein, auf einer Seite mit mehreren Artikeln, eine even/odd Klasse mitzufuehren, da dies Contao/TYPOlight dies von …“) |
K (Geshi-Anpassung) |
||
(2 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
[[Category:Dev_Snippets]] | [[Category:Dev_Snippets]] | ||
− | Es | + | Es könnte hilfreich sein, auf einer Seite mit mehreren Artikeln, eine "even"- / "odd"-Klasse mitzuführen, da Contao/TYPOlight dies von sich aus nicht erstellt. |
− | Hierzu sollte man das Template mod_article.tpl kopieren und diesen Quelltext am Anfang | + | Hierzu sollte man das Template mod_article.tpl kopieren und diesen Quelltext am Anfang hinzufügen: |
− | < | + | <source lang="php"> |
<?php | <?php | ||
$evenodd = ''; | $evenodd = ''; | ||
Zeile 32: | Zeile 32: | ||
.... | .... | ||
− | </ | + | </source> |
− | {{Hinweis|In der umschliessenden DIV Klasse um den Artikel muss wie oben aufgezeigt, die $evenodd noch | + | {{Hinweis|In der umschliessenden DIV-Klasse um den Artikel muss wie oben aufgezeigt, die $evenodd noch eingefügt werden (<?php echo $evenodd; ?>)}} |
− | + | Nun werden dem Artikel eine bis zwei CSS-Klassen hinzugefuegt. '''articleFirst''', wenn dies der erste Artikel ist. Und jeweils alternierend die Klassen '''articleEven''' und '''articleOdd'''. | |
− | Nun werden dem Artikel | + |
Aktuelle Version vom 3. Oktober 2010, 15:09 Uhr
Es könnte hilfreich sein, auf einer Seite mit mehreren Artikeln, eine "even"- / "odd"-Klasse mitzuführen, da Contao/TYPOlight dies von sich aus nicht erstellt.
Hierzu sollte man das Template mod_article.tpl kopieren und diesen Quelltext am Anfang hinzufügen:
<?php $evenodd = ''; if (!$GLOBALS['article']['first']) { $evenodd .= " articleFirst"; $GLOBALS['article']['first']=1; $GLOBALS['article']['evenodd'] = true; } $GLOBALS['article']['evenodd'] = !$GLOBALS['article']['evenodd']; if ($GLOBALS['article']['evenodd']) { $evenodd .= " articleEven"; } else { $evenodd .= " articleOdd"; } ?> <div class="<?php echo $this->class; ?> block <?php echo $evenodd; ?> "<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>> ....
Hinweis: In der umschliessenden DIV-Klasse um den Artikel muss wie oben aufgezeigt, die $evenodd noch eingefügt werden (<?php echo $evenodd; ?>) |
Nun werden dem Artikel eine bis zwei CSS-Klassen hinzugefuegt. articleFirst, wenn dies der erste Artikel ist. Und jeweils alternierend die Klassen articleEven und articleOdd.