tabcontrol: einzelne Tabs per CSS gestalten

[poxruc02]

Hallo Community,

ich hab die Erweiterung [tabcontrol] installiert und möchte hierbei, dass man die einzelnen Tabs unterschiedlich per CSS gestalten kann. Ich hab im Forum auch einen Beitrag dazu gefunden https://community.contao.org/de/show...ght=tabcontrol aber leider funktioniert danach die Erweiterung nicht mehr.
Hier mein verändertes, komplette Template "ce_tabcontrol_tab"

<!-- indexer::stop -->
<script type="text/javascript">
/* <![CDATA[ */
    function loadTabControls() {
        $$('div.mod_article').each(function(s) {
            new TabControl(s, {
                behaviour: '<?php echo $this->behaviour; ?>',
                tabs: s.getElements('<?php echo $this->tabsSelector; ?>'),
                panes: s.getElements('<?php echo $this->panesSelector; ?>'),
                selectedClass: 'selected',
                hoverClass: 'hover'
            });
        });
    }
    
    /*
     * Bootstrap
     */
    window.addEvent('domready', loadTabControls);
/* ]]> */
</script>
<!-- indexer::continue -->

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

<?php
 $counttab = count($this->titles);
 $i = 0;
 foreach ($this->titles as $title):
 $i++;
 $classtab = ((($i % 2) == 0) ? ' even' : ' odd') . (($i == 1) ? ' first' : '') . (($i == $counttab) ? ' last' : '');
?>

<li class="<?php echo $this->tabs; ?> <?php echo $classtab; ?>"><?php echo $title; ?></li>

<?php endforeach; ?>

</ul>
</div>

vielen Dank für eure Hilfe