Forum

von **kubber** » 26. Jun 2011, 16:28

Ich möchte gerne CSS-gesteuert jeder Kategorie bzw. Artikel individuelle Hintergrundbilder geben.
Kann mir jmd. einen Tipp geben wie man das am besten angeht - Idee ist es gibt verschiedene CSS IDs mit
verschiedenen Hintergrundbilder - nur wie weise ich diese den Kategorien/Artikel zu?

Danke für jegliche Hilf irgendie komme ich heute nicht drauf...

von **kubber** » 26. Jun 2011, 16:32

Jetzt ist mir eingefallen ich habe einmal bei einem Redaxo 3 Projekt das Modul "Code in Head"
eingesetzt - finde das gar nicht mehr, weiß jmd. Bescheid?

von **NGW** » 26. Jun 2011, 18:01

Hallo Kubber,

mit Meta-Infos kannst du Eigenschaften (z.B. bestimmte ID's) für Kategorien und Artikel festlegen:
http://www.redaxo.org/de/doku/tutorials ... fos-addon/

Grüße
Nico

von **jeandeluxe** » 26. Jun 2011, 18:49

kubber hat geschrieben:Ich möchte gerne CSS-gesteuert jeder Kategorie bzw. Artikel individuelle Hintergrundbilder geben. Kann mir jmd. einen Tipp geben wie man das am besten angeht - Idee ist es gibt verschiedene CSS IDs mit verschiedenen Hintergrundbilder - nur wie weise ich diese den Kategorien/Artikel zu?

Du baust dir am besten aus der aktuellen Kategorie & Article id je eine CSS Klasse... ala "cat7 art12", weist selbige dem body (oder halt passenden Element) zu, und kannst über dein CSS dann entsprechend tun wonach dir ist..

hth,
Jan

von **kubber** » 26. Jun 2011, 19:05

Danke an alle! Das werde ich so mal versuchen, wichtig war zunächst zu wissen das es defintiv geht bevor ich hier ein Layout erstelle was später in die Umsetzung habert.

von **nitzer** » 28. Jun 2011, 20:59

Ich habe das folgendermaßen gelöst:
Im MetaInfo-Addon habe ich bei Kategorien ein cat_farbe definiert. Hier dann Feldtyp select angelegt und dort ein paar werte eingetragen, z.B. red|green|blue|yellow|pink|orange

Mit dem folgenden Code kann ich dann den Kategorien im Body jeweils eine Klasse mitgeben, die ich dann per CSS gestalte.

In der Strukturansicht im Redaxo-Backend bekommt man dann unter "Ändern" ein +-Symbol und dort kann man dann den Wert zuordnen.

Code: Alles auswählen: <?php $art = OOArticle::getArticleById( REX_ARTICLE_ID); $farbe = $art->getValue("cat_farbe"); if ( $farbe == '') { $cat = OOCategory::getCategoryById( $art->getCategoryId()); while ( $farbe == '') { if ($cat == null) { break; } $farbe = $cat->getValue("cat_farbe"); $cat = $cat->getParent(); } } echo '<body class="'.$farbe.'">'; ?>

Hier auf meine Page zu sehen. Die Kategorien haben jeweils unterschiedliche Farben.
--> http://www.otte.net

Forum

Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Re: Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Re: Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Re: Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Re: Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Re: Kategorie- Artikelabhängige Hintergrundbilder (CSS)

Wer ist online?