Page 1 of 1

How to make a dropdown menu in cms ms [solved]

Posted: Tue Mar 05, 2013 9:46 am
by babel
http://test1.nodale.nl/
A dropdown-menu like show in the link, how can this be done with cms made simple. I don't quit understand the menumanager.
On the forum I can't find the solution I need. It would be wunderfull if someone can solve this problem for me.
Thanks a lot for.

Code: Select all

<div id="nav"><ul>
<li><a href="index.html"><img src="images/HOME.jpg" /><span><img src="images/HOMEpress.jpg" /></span></a></li>

<li><a href="#subnav"><img src="images/ABOUT.jpg" /><span><img src="images/ABOUTpress.jpg" /></span></a>
	<ul class="subnav">	<li><a href="about.html"><img src="images/WHOIS.jpg" /><span><img src="images/WHOISpress.jpg" /></span></a></li>
   						 	<li><a href="#"><img src="images/EMAIL.jpg" /><span><img src="images/EMAILpress.jpg" /></span></a></li>
      </ul> </li>

<li><a href="#"><img src="images/ART.jpg" /><span><img src="images/ARTpress.jpg" /></span></a>
	<ul class="subnav">	<li><a href="#"><img src="images/PHOTO.jpg" /><span><img src="images/PHOTOpress.jpg" /></span></a>
    		</li>
   				<li><a href="#"><img src="images/FINEART.jpg" /><span><img src="images/FINEARTpress.jpg" /></span></a>  </li>
						    <li><a href="#"><img src="images/GRAPHIC.jpg" /><span><img src="images/GRAPHICpress.jpg" /></span></a>  </li>
    </ul></li>
</ul>
</div>

Re: How to make a dropdown menu in cms ms

Posted: Tue Mar 05, 2013 5:47 pm
by Dr.CSS
There are a couple of ways to do it, a new Menu manager template that uses the page image, CSS to remove menu text and replace with an image with roll over effect...

Both of these use the page image...

http://dequenesh.org/
http://dezertdesign.com/pill-dock.html

Re: How to make a dropdown menu in cms ms

Posted: Mon Mar 11, 2013 7:36 pm
by babel
Dr.CSS wrote:There are a couple of ways to do it, a new Menu manager template that uses the page image, CSS to remove menu text and replace with an image with roll over effect...

Both of these use the page image...

http://dequenesh.org/
http://dezertdesign.com/pill-dock.html
Thanks. I did this, but if you ad a new page it doesn't automatically add to the navigation. Since my client isn't going to add any pages for the mainnavigation it's no problem. Sorry about my late response.

Re: How to make a dropdown menu in cms ms

Posted: Tue Mar 12, 2013 9:28 pm
by Dr.CSS
Is that link using a CMSMS menu..?

Using the {menu} tag will make an UL LI from Content > Pages, any page not hidden from menu or inactive, automatically, you can customize one to show the page image if selected or just text...

{if !empty($node->image)}<img src="{$node->image}" alt="{$node->menutext}" />{else}<span class='{$node->alias}'>{$node->menutext}</span>{/if}