Hmm... I can't seem to get it to work. I added your code w/ the {$node->alias}. Then I went over to the css and added code similar to what calguy1000 wrote. I checked the page aliases and they're all correct. it's not working
. The css is there -- the width of the buttons are changed but the images are not.
my css code looks like this:
Code: Select all
.home { background-image: url(uploads/images/menu-item_01.png); width: 191px; }
It seems that the code I made by the same name isn't the one being used to create the menu. The one being used isn't being displayed by cmsms at all. I had to go into SSH to edit it.
I got width of the 3 buttons w/o dropdowns to change but the one w/ a dropdown did not. The code I edited looks like this:
Code: Select all
{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{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 class="menuactive menuparent" class="{$node->alias}"><a class="menuactive menuparent"
{elseif $node->current == true}
<li class="menuactive" class="{$node->alias}"><a class="menuactive"
{elseif $node->haschildren == true}
<li class="menuparent" class="{$node->alias}"><a class="menuparent"
{elseif $node->type == 'sectionheader'}
<li class="sectionheader" class="{$node->alias}"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
<li class="{$node->alias}" style="list-style-type: none;"> <hr class="separator" />
{else}
<li class="{$node->alias}"><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->tit$
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1} </li>
</ul>
<div class="clearb"></div>
</div>
{/if}
I'm pretty sure I'm missing the
class="{$node->alias}" somewhere. Lastly, although the css worked and the widths can now be defined, the bg images still refuse to be there. When I use the old code that I got from lollipop27, the images would appear but the menu is in list fashion. Not a menu at all.
. The option to select link is interesting. My example was to show me wanting to be able to create a link in my menu that wasn't an existing page in the cms. Another thing that kinda bothers me is that you can't create folders and stuff pages into that 
