Page 4 of 6

Re: Drop-Down Menu Customisation

Posted: Wed Apr 12, 2006 2:07 pm
by 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

Re: Drop-Down Menu Customisation

Posted: Wed Apr 12, 2006 10:48 pm
by 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.

Re: Drop-Down Menu Customisation

Posted: Thu Apr 13, 2006 2:33 pm
by 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]

Re: Drop-Down Menu Customisation

Posted: Sun Apr 16, 2006 9:49 am
by 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!

Re: Drop-Down Menu Customisation

Posted: Sun Apr 16, 2006 3:53 pm
by Dr.CSS
print as in on a paper ? not sure what you mean
  mark

Re: Drop-Down Menu Customisation

Posted: Mon Apr 17, 2006 9:40 am
by tmhai
print as in display on the screen, sorry.

Re: Drop-Down Menu Customisation

Posted: Mon Apr 17, 2006 2:34 pm
by 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

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 2:36 am
by 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.

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 3:16 am
by Dr.CSS
like the one at the bottom of this page under the content in the footer?

    mark

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 3:17 am
by tmhai
Yeah!

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 8:15 am
by 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

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 8:50 am
by 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}
maksbud wrote: BTW how did you make those,,
I dont understand?

Re: Drop-Down Menu Customisation

Posted: Tue Apr 18, 2006 4:14 pm
by Dr.CSS
these " | "

  mark

Re: Drop-Down Menu Customisation

Posted: Wed Apr 19, 2006 1:19 am
by 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.

Re: Drop-Down Menu Customisation

Posted: Wed Apr 19, 2006 2:37 am
by Greg
Mark did you ever work on a vertical version?

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