Unterschiedliche CSS Formatierung der Kategorien

[nullliver]

Hallo,

ich möchte ein Menü realisieren, in dem meine Kategorie wie gehabt aufgelistet werden. Dabei sollen jedoch alle Oberkategorien (und später auch die Unterkategorien) jeweils anders mit css angesprochen werden.

Im Monent macht mir das System folgenden Code:

<ul id="categorymenu">

	<li class="level1"><a href="http://www.___-online.com/de/Organmodelle/Modelle.html">Modelle</a></li>

	<li class="level1"><a href="http://www.___-online.com/de/Becken.html">Becken</a></li>[/HTML]

...also jede Hauptkategorie hat die Klasse "level1".

Kann man irgendwie erreichen daß hier z.B. "level1-blau" und "level1-gelb" etc. ausgegeben wird?

Beispiel-Code:

[HTML]<ul id="categorymenu">
<li class="level1-blau"><a href="http://www.___-online.com/de/Organmodelle/Modelle.html">Modelle</a></li>
<li class="level1-gelb"><a href="http://www.___-online.com/de/Becken.html">Becken</a></li>[/HTML]

Danke, Oliver

[GoriBoy]

da gibbet ne ganze menge sachen im netz...

google mal nach divmenu.css

Gruß

GoriBoy

[nullliver]

Hallo,

entweder bin ich zu doof zum googlen oder ich habe mein Problem nicht sauber erklärt. Jedenfalls habe ich nix gefunden was mit hilft.

Das Formatieren der Karagorien via CSS ist kein Problem, vielmehr jeder Kategorie eine eigene Klasse zu verpassen, damit ich die Menüs unterschiedlich formatieren kann. Beispiel:

1. Kategorie samt Untermenü rot,

2. Kategorie samt Untermenü gelb,

3. Kategorie samt Untermenü blau,

...etc.

Oder bei einer Kategorie könnte dann eine Grafik "NEU" angehängt werden... etc.

Das Problem ist halt daß XTC die Kategorien ausspuckt und ich keinen Einfluss auf die jeweilige Klasse habe (zumindest wenn sich diese von Kategorie zu Kategorie unterscheiden sollen).

War das besser erklärt???

Danke und Gruß, Oliver

[Der_Beni]

Hi,

...du könntest in der box_categories.html, der ul bzw. den darin enthaltenen list items eine individuelle klasse verpassen. Um das zu machen könntest du z.B. eine Variable aus dem Menüpunkt auslesen und an die css_Klasse anhängen...In diesem Beispiel musst du dann der Kategorie eine Headline geben und die dann an die css Klasse anhängen.

<h2 class="categoryheader">

<ul id="category_menu">

{foreach name=aussen item=module_data from=$_categories}

<ul id="categorymenu_{$module_data.categories_heading_title}">

<li class="level{$module_data.level}{if $module_data.active} active{/if}"><a href="{$module_data.categories_link}" title="{$module_data.categories_heading_title}"><nobr>{$module_data.categories_name}</nobr></a></li>

</ul>

{/foreach}

</ul>

Die css-Klasse würde dann in diesem Fall so lauten:

ul#categorymenu_meineKategorieHeadline {

background-color:red;

}

...das wäre ein Lösungsweg...

Gruß

Beni

[Rennsteig Tools]

Hallo,

super Lösung von "Der_Beni", aber wie schaut das aus mit Kategorienamen die ein Leerzeichen enthalten? Gibt es das auch einen Trick im CSS?! Wenn ich eine Klasse zuweis mit dem Kategorienamen berücksichtigt das CSS den Eintrag nicht.

[Rennsteig Tools]

Hab gerade selber ne Lösung gefunden. Einfach im Backend beim heading-Text die Lerrzeichen durch ein Bindestrich ersetzen und im CSS auch. Schwupp, dann geht es.