Ergebnis 1 bis 5 von 5

Thema: Nummeriert Liste <ol> mit eigenen Bullet-Grafiken

  1. #1
    Contao-Nutzer Avatar von darth_saschi
    Registriert seit
    05.11.2009.
    Beiträge
    220

    Standard 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

  2. #2
    AG CMS-Garden
    Contao-Urgestein
    Avatar von lindesbs
    Registriert seit
    05.06.2009.
    Ort
    Oer-Erkenschwick
    Beiträge
    4.154
    Partner-ID
    keine
    User beschenken
    Wunschliste

    Standard

    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.
    von Willi Voltz aus PR 500: Henry George sagte einmal: »Kultur ist Zusammenarbeit.«


    Contao-Hosting: begeisterter Uberspace-Nutzer

  3. #3
    Contao-Nutzer Avatar von darth_saschi
    Registriert seit
    05.11.2009.
    Beiträge
    220

    Standard

    Zitat Zitat von lindesbs Beitrag anzeigen
    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

  4. #4
    AG CMS-Garden
    Contao-Urgestein
    Avatar von lindesbs
    Registriert seit
    05.06.2009.
    Ort
    Oer-Erkenschwick
    Beiträge
    4.154
    Partner-ID
    keine
    User beschenken
    Wunschliste

    Standard

    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
    von Willi Voltz aus PR 500: Henry George sagte einmal: »Kultur ist Zusammenarbeit.«


    Contao-Hosting: begeisterter Uberspace-Nutzer

  5. #5
    Contao-Nutzer Avatar von darth_saschi
    Registriert seit
    05.11.2009.
    Beiträge
    220

    Standard

    Zitat Zitat von lindesbs Beitrag anzeigen
    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?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Eigene Grafiken für changelanguage
    Von phyton2706 im Forum changelanguage
    Antworten: 3
    Letzter Beitrag: 27.03.2011, 10:32
  2. changelanguage mit eigenen grafiken
    Von Peter Eckerlin im Forum changelanguage
    Antworten: 2
    Letzter Beitrag: 18.11.2010, 07:55
  3. Bullet-Grafiken in <ul>
    Von Jens Pielawa im Forum Layout / Templates / Holy Grail
    Antworten: 6
    Letzter Beitrag: 22.02.2010, 14:04
  4. Download-Liste / Upload-Liste
    Von comanche im Forum Bilder/Dateien
    Antworten: 1
    Letzter Beitrag: 23.11.2009, 08:46

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •