Page 1 of 1

[Erledigt]Tabmenü mit mehreren Ebenen

Posted: Mon Mar 10, 2008 12:22 pm
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.

Re: Tabmenü mit mehreren Ebenen

Posted: Mon Mar 10, 2008 6:43 pm
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?"

Re: Tabmenü mit mehreren Ebenen

Posted: Mon Mar 10, 2008 6:58 pm
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

Re: Tabmenü mit mehreren Ebenen

Posted: Wed Mar 12, 2008 12:58 pm
by ]MaX[
Danke das mit dem Menümanger hatte ich befürchtet, da muß ich mich mal mit beschäftigen.

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Wed Mar 12, 2008 4:54 pm
by cyberman
Ähmm, befürchtet ::) - ist doch eine der genialsten Sachen, die es für CMSms gibt :).

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

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Wed Mar 12, 2008 7:03 pm
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

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Wed Mar 12, 2008 7:13 pm
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

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Thu Mar 13, 2008 1:38 pm
by ]MaX[
Könntest du mal den Code für das Menü posten, irgendwie ist mir das noch nicht ganz klar.

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Sat Mar 15, 2008 9:04 pm
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 -->

Re: [Erledigt]Tabmenü mit mehreren Ebenen

Posted: Sun Mar 16, 2008 10:43 am
by ]MaX[
Danke dafür ich werd mir das mal anschauen