Drop-Down Menu Customisation

[Dr.CSS]

BTW i got the arrows,, they are not automatic you have to call them out like so,,,

#imap a#a37{
background-image: url(modules/CSSMenu/images/arrow.gif);
background-position: center right;
background-repeat: no-repeat;
}

and whatever other ones you want them on, not on the fly like i want,,
but it do work,,

  mark

[tmhai]

Could you please export and attach the working files, I tried the drop-down fix and it didnt work, I tried the arrows, and it didnt work.

[Dr.CSS]

OK here is the latest, with node id instead of menutext, it works out better, and it has arrows on the submenu parent (they have to be inserted by hand not on the fly ) you just take the ".txt" off the end then unzip it,, have fun

    mark

[attachment deleted by admin]

[tmhai]

Thanks bro! If you want, I can send you $2 via paypal, thats All i got from doing some surveys.

I have I really quick thing that I need; how do I just print all the first level menu names in a sentence, like this:
About Us | College | Students | News | Enrolments | Contact Us

I'm tring so hard in the Menu Manager to do this, but I dont know how.
Once again, thankyou so much!

[Dr.CSS]

print as in on a paper ? not sure what you mean
  mark

[tmhai]

print as in display on the screen, sorry.

[Dr.CSS]

it's in the 'imapmenu' style sheet,,

#imap a {
display: block;
padding: 0px 0px;
text-decoration: none;
}
#imap li a {text-indent:-9000px; this stops the main menu words from showing

}
#imap li li a {text-indent:0px;   this lets the 'dropdown' words show
        background-color: #A31200;
padding: 4px 10px;
      border-left:7px solid #F01C00;color:#fff;
      }

if you let the main menu words show it looks funny, i'm not sure why you would want to but there are times when you might want that, is it for somewhere else on the page?

    mark

[tmhai]

sorry a misunderstanding. I thankyou for the drop-dow menu, now im looking for another different menu which will be placed at the footer, which just shows without any css, just the plain text:
About Us | College | Students | News | Enrolments | Contact Us

Im trying to achieve this through the menu manager, but I dont know how.

[Dr.CSS]

like the one at the bottom of this page under the content in the footer?

    mark

[tmhai]

Yeah!

[Dr.CSS]

OK heres the template for it, this goes in a new template in  Layout » Menu Manager,,

{* CSS classes used in this template:
.active - The active page in the horizontal menu (first level).
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}

{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}

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

{elseif $node->index > 0}
{/if}
{if $node->current == true or $node->parent == true}
url}" class="active">{$node->menutext}
{elseif $node->type == 'sectionheader'}
{$node->menutext}
{elseif $node->type == 'separator'}

{else}
url}">-- {$node->menutext} --{/if}
{/foreach}

{repeat string="" times=$node->depth-2}

{/if}

see those little red ">-- {" things you need to replace them with" | "notice the spaces before and after the {}  you only get one space after that the space won't show, like if you wanted more space between | and the word College  ,BTW how did you make those,,


    mark

[tmhai]

Well, working from yours and discovering the help section of Menumanager I created this, which fitted what I wanted:

Code: Select all

| {foreach from=$nodelist item=node}
<a href="{$node->url}">{$node->menutext}</a> |
{/foreach}

BTW how did you make those,,

I dont understand?

[Dr.CSS]

these " | "

  mark

[tmhai]

Oh the picture version of them. Well I used Adobe CS2 to create the whole template. I just made two 1px lines, the left line is a black which is 10% transperent and the other line is white which is 60% transperent.

[Greg]

Mark did you ever work on a vertical version?

Here is an example of a menu I would like to emulate (copy)