[Erledigt]Tabmenü mit mehreren Ebenen

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
]MaX[
Forum Members
Forum Members
Posts: 26
Joined: Wed Mar 14, 2007 12:55 pm

[Erledigt]Tabmenü mit mehreren Ebenen

Post by ]MaX[ »

Mich würde mal interessieren wie man solche Tabmenüs http://www.cssplay.co.uk/menus/dd_valid_2.html realisieren könnte, bzw. ob das überhaupt Möglich ist.
Last edited by ]MaX[ on Wed Mar 12, 2008 12:58 pm, edited 1 time in total.
NaN

Re: Tabmenü mit mehreren Ebenen

Post by NaN »

]MaX[ wrote: Mich würde mal interessieren wie man solche Tabmenüs http://www.cssplay.co.uk/menus/dd_valid_2.html realisieren könnte, bzw. ob das überhaupt Möglich ist.
Dass es geht, siehst Du ja auf dem Link  8)

So wie ich das sehe, ist das Menü eine ganz normale Liste, die via CSS so gestylt ist, dass am Ende das dabei herauskommt.
Das könnte man mit {menu template='simple_navigation.tpl' collapse='0'} und einem entsprechenden Stylesheet ganz einfach hinbekommen.
Evtl. müsste man das Menü-Template noch etwas anpassen, da in dem Beispiel eine Menge Conditional Comments auftauchen.
Aber die an der entsprechenden Stelle einzufügen dürfte auch nicht das Problem sein.

Die Frage sollte also nicht lauten "Kann man sowas mit CMSms?" sondern "Kannst Du eine Liste via CSS so formatieren?"
cyberman

Re: Tabmenü mit mehreren Ebenen

Post by cyberman »

Mit dem MenüManager kann mit dem entsprechenden Template (fast) jedes denkbare Menü erstellt werden, egal, ob Tree- oder Popup-Menüs wie in der CMSms-Standardinstallation gezeigt oder aber Ziehharmonika-Menüs oder Tab-Menüs.

Hier mal dafür zwei Beispiele:

http://test.cmsmadesimple.de/index.php? ... -optimizer
http://test.cmsmadesimple.de/index.php?page=snooptest

Auf der CMSms-Themes-Seite findest du das Theme der letztgenannten Seite unter dem Namen "tabbed2"

http://themes.cmsmadesimple.org/Full_Themes.html
]MaX[
Forum Members
Forum Members
Posts: 26
Joined: Wed Mar 14, 2007 12:55 pm

Re: Tabmenü mit mehreren Ebenen

Post by ]MaX[ »

Danke das mit dem Menümanger hatte ich befürchtet, da muß ich mich mal mit beschäftigen.
cyberman

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by cyberman »

Ähmm, befürchtet ::) - ist doch eine der genialsten Sachen, die es für CMSms gibt :).

Woran hängt es denn? Think simple ...
cyberman

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by cyberman »

Funktionieren tut es (FF2/IE7) - hab da mal einen Quickshot (ohne die Conditional Comments) erstellt

http://test.cmsmadesimple.de/index.php?page=archiv
]MaX[
Forum Members
Forum Members
Posts: 26
Joined: Wed Mar 14, 2007 12:55 pm

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by ]MaX[ »

Es hängt im Moment einfach daran das ich mich noch nicht wirklich mit dem Menümanager beschäftigt habe. Aber nun habe ich ja endlich mal einen Grund gefunden  ;D

Und das mit dem "keep it simpel stupid" bereitet mir ab und auch mal schwierigkeiten  ;D
Last edited by ]MaX[ on Wed Mar 12, 2008 7:22 pm, edited 1 time in total.
]MaX[
Forum Members
Forum Members
Posts: 26
Joined: Wed Mar 14, 2007 12:55 pm

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by ]MaX[ »

Könntest du mal den Code für das Menü posten, irgendwie ist mir das noch nicht ganz klar.
cyberman

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by cyberman »

Wie gesagt, ist nur ein Quickshot, der die Funktionsfähigkeit des Menüs als Ergebnis haben sollte - bietet somit also noch Optimierungspotential. Hab dafür das CSSMenu-Template als Basis verwendet

Code: Select all

{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}

	{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

	{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
	</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
	<li><a  
{elseif $node->current == true}
	<li><a 
{elseif $node->haschildren == true}
	<li><a  
{elseif $node->type == 'sectionheader'}
        <li><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
        <li> <hr class="separator" />
{else}
	<li><a 
{/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}

{/foreach}

	{repeat string="</li></ul>" times=$node->depth-1}		</li>
	</ul>
{/if}
Im Seiten-Template sieht es so aus

Code: Select all

      <!-- Start Navigation -->
      <div class="menu">
         <h2 class="accessibility">Navigation</h2>
         {menu template='cross-css-menu'}
      <hr class="accessibility" />
      </div>
      <!-- End Navigation -->
]MaX[
Forum Members
Forum Members
Posts: 26
Joined: Wed Mar 14, 2007 12:55 pm

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Post by ]MaX[ »

Danke dafür ich werd mir das mal anschauen
Post Reply

Return to “Layout und Design”