Menü in blocks per CSS?

[Night-Walker]

Hi ich möchte das Menü in einzelne Blocks unterteilen.
Dabei soll der Section Header eine bestimmte Hintergrundfarbe bzw. Bild haben
und die einzelnen bereichen sollen weiter von einander entfernt sein...
Also so: http://handyextras.ha.funpic.de/bsp/beispiel.html (nicht mit tabellen sondern per CSS)

Ich hab versucht die Moduletemplöates zu bearbeiten, aber find sie einfach nur verwirrend....

Kann mir da jmd helfen? bzw. ist das überhaupt möglich?

Danke schonmal im voraus

[Dieter]

Hi Nightwalker,

ich würde  im Stilesheet "Nav-Vertical" unten bei "li.sectionheader" bzw. "li.sectionheader h3" einen entsprechenden Wert für "margin-top" angeben - hab's selbst noch nicht probiert, müsste aber funktionieren.

Gruß,
Dieter

[Dieter]

... dann rutsch natürlich auch das gesamte Menü nach unten - aber das könnte vielleicht auch ganz gut aussehen.

Gruß,
Dieter

[hauki]

um die bereiche weiter voneinander zu entfernen setzt du hinter jedem menublock einen separator und trägst im stylesheet folgendes ein:

.separator {
height:100px;
visibility:hidden;
}

(statt 100 pixel kannst du natürlich den gewünschten abstand eintragen)


also nach dem muster:

sectionheader
1. menupunkt
2. menupunkt
3. menupunkt
separator

sectionheader
1. menupunkt
2. menupunkt
3. menupunkt
separator

usw.....

[Dieter]

Hallo hauki,
ich gebe zu: deine Lösung ist irgendwie eleganter.

Danke,
Dieter

[Night-Walker]

Danke hauki! Ist ne gute idee, aber ich versteh den Menumanager Template einfach nicht.So weiss ich gar nicht wo ich das einsetzen soll
Hab das kommentiert hilft aber nicht weiter

Code: Select all

{if $count > 0} // wenn $Menüeinträge > 0
<ul>

{foreach from=$nodelist item=node} // für jeden von nodelist item=node Smarty Scchleife?


{if $node->depth > $node->prevdepth} //Wenn $jetzige_tiefe > $vorherige Tiefe
 
{repeat string="<ul>" times=$node->depth-$node->prevdepth} // Wiederhole <ul> solange wie $jetzige_tiefe - $vorherige Tiefe

{elseif $node->depth < $node->prevdepth} // sonst Wenn $jetzige_tiefe  < $vorherige Tiefe
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth} // Wiederhole </li></ul> solange $vorherige Tiefe - $jetzige_tiefe
</li>
{elseif $node->index > 0}</li> // sonst solange die $Menüpkte >0 
{/if}

Und beim Sperator ist das ein div?

[Dieter]

Hallo Night-Walker,

ich hoffe, ich habe deine Frage richtig verstanden - also:

die Css-Definition
".separator {
height:100px;
visibility:hidden;
}"

im Menü: Layout -> Stylesheets -> Nav-Vertical -> li.separator (ganz zum Schluss) eintragen;

das Muster

"sectionheader
1. menupunkt
2. menupunkt
3. menupunkt
separator

sectionheader
1. menupunkt
2. menupunkt
3. menupunkt
separator"

gibt lediglich die Reihenfolge der Menüpunkte im

Menü: Inhalt -> Seiten -> Aktuelle Seiten,

wobei "sectionheader" bzw. "seperator" in den einzelnen Seiten als "Inhaltstyp" eingetragen werden muss - statt "content".

Viel Erfolg,
Dieter

[Night-Walker]

irgendwiue verstehe iuch das nicht, egal was ich bei
li.sectionheader , li.sectionheader h3, li.separator
eintrage das macht bei der anzeige keinen utnerschied.
Kanne s sein das die gar nicht geladen werden?

Oh man ich find das CSS System sehr verwirrend wieso kann man nciht alles eifnach in eine Datei rein machen...

[cyberman]

Kanne s sein das die gar nicht geladen werden?

Hast du mal einen Link zum ansehen?

wieso kann man nciht alles eifnach in eine Datei rein machen...

Wer hat dir gesagt, dass das nicht geht  ? Klar geht das ...

Schau dir einfach mal den Quellcode einer deiner Seiten an

Daraus entnimmst du die URL und rufst sie direkt in einem Browser auf - schon wird die gesamte CSS am Stück ausgegeben. Dann erzeugst du dir einfach ein neues Stylesheet, fügst die Gesamt-CSS ein und ordnest es deinem Template zu. Die Zuordnung der anderen kannst du dann natürlich entfernen.

[Night-Walker]

Danke bin gar nicht auf die idee gekommen
Hab das Problem jetzt gelöst.  Wo ich wieder beim nächsten bin ^^