Need to supress horizontal menu bar.

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
captaindav
Beginner
Beginner
Posts: 1
Joined: Fri Aug 31, 2007 4:03 am

Need to supress horizontal menu bar.

Post by captaindav »

Hello,

I need to develop a menu system for a site that has a menu bar already created as part of the work done by the site designers. You can see the home page with the bar at http://sd.openedit.com/. The problem is the designers want to use their own horizontal menu bar, with vertical popup menus activated by mouseover on the horizontal menubar images (which already change color in the mouseover, but should also invoke a vertical menu below the option).

Is this possible with Milonic? If so, could you provide some code examples so I could try it out? Basically I just need to use my own horizontal menu bar, not the one provided by Milonic.

Thanks, :)

Dave Connerth
Alexeon Systems
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi Dave,

I'm sorry it took so long on this reply but I had to find a link about using swap images and pop up together. This is not something I do so hopefully this post will help you.

viewtopic. ... 7857#17857

You can then use the images you have and the popup Milonic for the submenus.

Also, here is the example of using the pop menu function positioned by images, which I believe the above posting used.

http://milonic.com/menusample24.php

Ruth
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Dave, you can do all of what you have there with the Milonic menu. Not sure why your designers are insisting on using their code.

Anyway, see http://www.west.asu.edu/sai/ as an example of an image-driven menu (not even popup!). You can see the code at http://www.west.asu.edu/sai/templates/menu5/xp_data.cfm.
John
misty
Beginner
Beginner
Posts: 9
Joined: Fri Sep 28, 2007 2:34 am

Re: Need to supress horizontal menu bar.

Post by misty »

I have dug up an old post which maybe helpful to me:
viewtopic.php?f=10&t=9232

Basically, I have the same issue as captaindav had. Given the limited knowledge in html, css and php, there is a key element that is still unclear to me.

My goal is to use the existing horizontal menu bar that came with the blog theme (see Green-bug-10 Word Press theme http://themes.wordpress.net/columns/2-c ... en-bug-10/). Using the Milonic menu as its sub-menus. How is Milonic Main menu Name being supressed by web default menu item? My image menuback.gif is just a thin vertical line for the menu bar is defined in Style.css as follows:

#menu
{
background: #5D7311 url(images/menuback.gif) repeat-x;
color: #DDD;
height: 35px;
}


Here is what have partially extracted code from Header.php. The Milonic sub-menu appears, but here are the problems:

1. the vertical line - menuback.gif is stuck out on the default main menu bar.
2. No main menu item or menuback.gif insight in Internet Explorer 7.

How do I solve this problem? Thanks. Here is the code extracted from Header.php:
--------------------------------------------
<img src="/images/menuback.gif" border="" name="menuback" id="menuback">
<TD><ul><li><a href="#" onmouseover="popup('Page3','menuback')" onmouseout="popdown()"><font size="" color="">Page3</font></a>

<!-- Milonic Popup Menus -->
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
position="relative";

<!-- aI("text=Page3;showmenu=Page3;"); -->

}
drawMenus();
</script>
</a></li></ul></TD>
--------------------------------------------

Thanks.
misty
Beginner
Beginner
Posts: 9
Joined: Fri Sep 28, 2007 2:34 am

Re: Need to supress horizontal menu bar.

Post by misty »

Never mind guys. I've got it.

It is the sample site http://sd.openedit.com/ that I have got the utlimate clue. Finally, my blog default main menu bar works with Milonic 3-level popup menu as the sub-menu. Here is the simple code that I have put in the Header.php:

<td valign=top><ul><li><a href="" title="Page3" id=mypage3 onmouseover="popup('Page3','mypage3')" onmouseout="popdown()"><font size="" color="#FFFFFF">Page3</font></a>
</li></ul></td>

Thanks so much for this message thread which has solved my menu integration issues.
Post Reply