Teaser unterschiedlich formatieren

**FroschZ1000** · 20.12.2012, 17:27

Guten Tag allerseits,

ist es möglich Artikelteaser mit unterschiedlichen Formatierungen zu erstellen? Bei der Einbindung auf einer Seite eines Elementtyp "Artikelteaser" wird dieser ja mit "ce_teaser" ausgezeichnet und kann formatiert werden. Die Teaser-CCS-Klasse, die im Artikel vergeben werden kann greift dabei leider nicht. Artikelteaser, die auf der gleichen Seite wie der Artikel selbst dargestellt werden, sind wiederum mit "mod_artikel" ausgezeichnet. Ich möchte aber gern, dass Teaser unterschiedlicher Rubriken auch unterschiedlich aussehen. Hat jemand eine Idee oder habe ich etwas übersehen?

Gruß Frosch

**derRenner** · 20.12.2012, 17:41

Hallo,

kann ich jetzt nicht nachvollziehen.

Wenn ich dem Teaser eine Klasse z.B. 'Test' vergebe, bekomme ich im HTML
<div class="mod_article test block" id="meinArtikel">

und mit
.mod_article.test { deineFormatierung; }
kannst du dann den Teaser formatieren

**FroschZ1000** · 20.12.2012, 18:01

Das stimmt genau! Soweit war ich auch schon.

Wenn ich jetzt aber auf einer anderen Seite den Artikelteaser über Elementtyp "Artikelteser" einbinden möchte, ist die Formatierung weg. Die Auszeichnung sieht dann so aus: <div class="ce_teaser ce_text block"> Die vorher vergebene Klasse, z.B. test greift hier nicht mehr. Das heißt also, dass ein und der selbe Teaser unterschiedlich ausgegeben werden.

***Nina*** · 20.12.2012, 18:23

Wenn du Inhalte an anderer Stelle wieder einbindest (z.B. eben via Inhaltselement > Include-Elemente > Artikelteaser), wird die Klasse nie mit übergeben, da diese nur für die Stelle gilt, wo sie original angelegt wurde. Du musst also an der neuen Stelle die Klasse erneut geben, da es sich technisch gesehen um ein neues Inhaltselement handelt (auch wenn diese wiederum anderen Inhalt inkludiert).

**derRenner** · 20.12.2012, 18:31

stimmt!
aber wenn du hier nochmals die Klasse 'test' vergibst, wird das dann auch gezogen.
du musst evtl. nur die class etwas "globaler" formatieren.

z.B.
.test p {color:red;}

oder du deklarierst die Klasse .test nochmals mit der ce_teaser
z.B.
.mod_article.test { color:red; }
.ce_teaser.test { color:red; }