• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 2 posts ] 
Author Message
 Post subject: Menu Verticale
PostPosted: Thu Feb 02, 2012 7:04 pm 
Salve a tutti, ho bisogno di aiuto per creare un menù verticale.
Io ho realizzato il mio templete con artisteer 3.0 e generato il relativo CSS che gestisce il menu.
per funzionare il menù ha bisogno di un file esterno:
Code:
 <__script__ type="text/javascript" language="javascript" src="jquery.js"></__script>

Questo permette ai livelli inferiori di aprirsi.
Io pensavo di partire dal gestore menù "simple_navigation.tpl" e personalizzarlo per richiamare i miei CSS.
Purtroppo non riesco.
Qualcuno mi può aiutare? ??? ???
Vi allego i file del menu e del CSS:

simple_navigation.tpl
Code:
{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *}

{assign var='number_of_levels' value=10000}
{if isset($menuparams.number_of_levels)}
  {assign var='number_of_levels' value=$menuparams.number_of_levels}
{/if}

{if $count > 0}
<__script__ type="text/javascript" language="javascript" src="jquery.js"></__script>

<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}
  {assign var='classes' value='menuactive'}
  {if $node->parent == true}
    {assign var='classes' value='menuactive menuparent'}
  {/if}
  {if $node->children_exist == true and $node->depth < $number_of_levels}
    {assign var='classes' value=$classes|cat:' parent'}
  {/if}
  <li class="{$classes}"><a class="{$classes}" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->children_exist == true and $node->depth < $number_of_levels and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}


e il mio CSS
Code:
<ul class="vmenu">
   <li>
      <a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
   </li>   
   <li>
      <a href="#"><span class="l"></span><span class="r"></span><span class="t">News</span></a>
      <ul>
         <li>
                <a href="#">Top 10</a>

            </li>
      </ul>
   </li>
   <li>
      <a href="#"><span class="l"></span><span class="r"></span><span class="t">Archive</span></a>
      <ul>
         <li>
                <a href="#">2008</a>
      <ul>
         <li>
                <a href="#">January</a>

            </li>
         <li>
                <a href="#">February</a>

            </li>
         <li>
                <a href="#">March</a>

            </li>
      </ul>

            </li>
         <li>
                <a href="#">2007</a>
      <ul>
         <li>
                <a href="#">January</a>

            </li>
         <li>
                <a href="#">February</a>

            </li>
         <li>
                <a href="#">March</a>

            </li>
      </ul>

            </li>
         
      </ul>
   </li>   
   <li>
      <a href="#"><span class="l"></span><span class="r"></span><span class="t">Forum</span></a>
   </li>
</ul>


GRAZIE 1000 per chi mi potrà aiutare


Top
   
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Menu Verticale
PostPosted: Tue Feb 21, 2012 2:26 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Mon Jan 14, 2008 9:08 pm
Posts: 599
Location: Villadossola - (VB)/Italy
non puoi modificare il menu "simple_navigation.tpl" perché è un template... serve appunto da modello per la creazione di nuovi menu basati su di esso... basta importare in un nuovo menu quel template... c'è un bottone a destra nella colonna "import"


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 2 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
A2 Hosting