Nummeriert Liste <ol> mit eigenen Bullet-Grafiken

Hallo zusammen.

Ich würde gerne eine nummerierte Liste erstellen (Artikelelement Aufzählung > nummerierte Liste) - aber mit eigenen Grafiken für 1. 2. 3. etc.

Im Prinzip geht das, bloß brauche ich dafür für jedes <li> eine eigene Klasse, also z.B.

Code:

---

<ol>
<li class="olBullet1">Eintrag 1</li>
<li class="olBullet2">Eintrag 2</li>
<li class="olBullet3">Eintrag 3</li>
<li class="olBullet4">Eintrag 4</li>
</ol>

---

Kann ich das Template "ce_list" so befruckeln, daß ich für jedes <li> eine aufzählende Klasse bekomme - also quasi "olBullet" + 1++

Öhm, wißt Ihr, was ich meine?

Hat da jemand einen Tip?

Merci.

Der Sascha

Das ginge so zum Beispiel. Es wird im Template einfach nur eine Laufvariable $i mitgezogen, die dann die CSS-Klasse erweitert.

Code:

---

<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>

<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>

<<?php echo $this->tag; ?>>

<?php $i=0; ?>
<?php foreach ($this->items as $item): ?>
        <?php $item['class'].=' counter_'.$i++; ?>
  <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><?php echo $item['content']; ?></li>
<?php endforeach; ?>
</<?php echo $this->tag; ?>>

</div>

---

Und im Quelltext kommt dann dies :

HTML-Code:

---

<ol>

          <li class="first counter_0">1</li>
          <li class=" counter_1">2</li>
          <li class=" counter_2">3</li>
          <li class=" counter_3">4</li>

          <li class="last counter_4">5</li>
</ol>

---

Einfach unter Layout->Templates ce_list kopieren und den obigen Text reinschreiben.

Dann sollte es klappen.

Zitat:

---

Zitat von lindesbs

Code:

---

<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>

<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>

<<?php echo $this->tag; ?>>

<?php $i=0; ?>
<?php foreach ($this->items as $item): ?>
    <?php $item['class'].=' counter_'.$i++; ?>
  <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><?php echo $item['content']; ?></li>
<?php endforeach; ?>
</<?php echo $this->tag; ?>>

</div>

---

Einfach unter Layout->Templates ce_list kopieren und den obigen Text reinschreiben.

Dann sollte es klappen.

---

Jaaa, das probiere ich gerade auch aus, das geht! Ich muß mich erst in PHP einlesen, aber ich sehe an Deinem Beispiel, daß ich auf dem richtigen Weg war!

Aber Dein Beispiel ist perfekt! Damit verstehe ich Templates erheblich besser!

Ich danke Dir vielmals!

Der Sascha

Hervorragend, dann noch weiterhin viel Spass mit TL.
Beachte aber den Tip, das du das Template nicht direkt im Modulverzeichniss bearbeitest, sondern uebr das Backend Layout->Templates dir die Kopie erstellst.

Dann ist es naemlich auch Updatesicher

Zitat:

---

Zitat von lindesbs

Hervorragend, dann noch weiterhin viel Spass mit TL.
Beachte aber den Tip, das du das Template nicht direkt im Modulverzeichniss bearbeitest, sondern uebr das Backend Layout->Templates dir die Kopie erstellst.

Dann ist es naemlich auch Updatesicher

---

Mach ich immer! Uploads nur in die "tl_files"-Struktur!

Na, meinen Doppelpost verziehen? ;)