Im Artikel Template evenodd generieren: Unterschied zwischen den Versionen
Aus Contao Community Documentation
K |
RSX (Diskussion | Beiträge) (diverse Fehler korr.) |
||
| 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: |
<pre> | <pre> | ||
<?php | <?php | ||
| Zeile 34: | Zeile 34: | ||
</pre> | </pre> | ||
| − | {{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 | + | 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'''. |
Version vom 11. August 2010, 17:46 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.
