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

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
babel
Forum Members
Forum Members
Posts: 149
Joined: Fri Oct 19, 2012 8:58 pm

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

Post 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>
Last edited by babel on Tue Jan 28, 2014 9:58 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to make a dropdown menu in cms ms

Post 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
babel
Forum Members
Forum Members
Posts: 149
Joined: Fri Oct 19, 2012 8:58 pm

Re: How to make a dropdown menu in cms ms

Post 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.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to make a dropdown menu in cms ms

Post 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}
Post Reply

Return to “Layout and Design (CSS & HTML)”