Page 1 of 1
How to change image in menu to plain text
Posted: Fri Jan 19, 2007 11:14 am
by RonnyK
The right-arrow in the vertical menu is not very visible in my color-scheme (blue) and I want to change it to plain text ">>" just like the breadcrumb is using.
How can I change the menu.css-code to make that happen.
Code: Select all
#primary-nav li.menuparent,
#primary-nav li.menuparent:hover,
#primary-nav li.menuparenth {
background-image: url(images/cms/arrow.gif);
background-position: center right;
background-repeat: no-repeat;
}
Re: How to change image in menu to plain text
Posted: Fri Jan 19, 2007 5:38 pm
by Dr.CSS
You would have to put » in the menu template... or find the image and change the color of it...
Re: How to change image in menu to plain text
Posted: Fri Jan 19, 2007 6:32 pm
by RonnyK
Thanks for the reply Mark. How can I do that. I don't see the template of the menu for "2 Col left". In the database only templates for imported themes, but these aren't the ones I'm using. In the Files I see 3 templates, but not one that sounds familiar and even if I import one of these would that change the behaviour as I'm now probably running against a file template and not against a database template.
Finding the picture is hard by the way, because it gets ugly when I make it transparant.
Ronny
Re: How to change image in menu to plain text
Posted: Sat Jan 20, 2007 9:05 pm
by RonnyK
I found the following code being used:
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"><a class="menuactive menuparent"
{elseif $node->current == true}
<li class="menuactive"><a class="menuactive"
{elseif $node->haschildren == true}
<li class="menuparent"><a class="menuparent"
{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span> {$node->menutext} </span>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <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>
<div class="clearb"></div>
</div>
{/if}
This code is not quite readable for me, so could you guide me to where to put the ">>".