Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:20

Can't get the offcolor with a top level anchor menu


Poster: charliedurrant
Dated: Wednesday December 28 2005 - 23:57:47 GMT

Hi,

I am using the latest version of the menu and if I make a top level menu a link and not just a menu to open a sub menu the offcolor property seems to be ignored. It is no doubt something stupid I have done. I anyone has any thoughts. The site is not yet live and I can't seem to post the source with this 'post', but if you make a top level menu a link and try to have a offcolor that is not black it does not seem to display.

Charles


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:02:53 GMT

I have checked its nothing to do with the licence, here is the ode for my top level menu style. I can post the whole site in an email, its only 40K zipped.

Code:
with(menuStyle=new mm_style()){
bordercolor="#0b0b0b";
borderstyle="none";
borderwidth=0;
fontfamily="Tahoma,Verdana, Arial";
fontsize="100%";
fontstyle="bold";
headerbgcolor="#dddddd";
headercolor="#ffffff";
offbgcolor="#0b0b0b";
offcolor="#ffffff";
onbgcolor="#0b0b0b";
oncolor="#ffffff";
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#0b0b0b";
pagecolor="#0b0b0b";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}


Poster: Ruth
Dated: Thursday December 29 2005 - 0:03:57 GMT

Hi,

It's kind of hard without your code. For example, the downloaded menu has a first item that is a link, if I change the
Code:
offcolor="#000000";
to
Code:
offcolor="#ff0000";
then all of the items, including the home item turns to red font color.

So, without having your menu_data.js file code for the style and the main menu, plus your html page code and any css styles you have posted here so we can make a page and test it, there's not much we can do.

You should be able to post here using the code button above. Click code, post the menu_data.js file, then click code. Then click code again, post the html click it again. Then do the same for the css if you have any.

Ruth


Poster: Ruth
Dated: Thursday December 29 2005 - 0:06:46 GMT

I just pasted that into the downloaded menu_data.js file and all the text turned white and the background looks black.

Ruth

Here is the source for the menu_data


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:15:12 GMT

Code:


function make_menus()
{

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=200;
_menuOpenDelay=100;
_subOffsetTop=2;
_subOffsetLeft=-2;


with(menuStyle=new mm_style()){
bordercolor="#0b0b0b";
borderstyle="none";
borderwidth=0;
fontfamily="Tahoma,Verdana, Arial";
fontsize="100%";
fontstyle="bold";
headerbgcolor="#dddddd";
headercolor="#ffffff";
offbgcolor="#0b0b0b";
offcolor="#ffffff";
onbgcolor="#0b0b0b";
oncolor="#ffffff";
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#0b0b0b";
pagecolor="#0b0b0b";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}


with(menuStyleSub=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="Fade(duration=0.1)";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
position="relative";
style=menuStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=index.htm;");
aI("status=fred;text=fred;url=index.htm;");
aI("showmenu=Samples;text=Teams;");
aI("showmenu=Milonic;text=Directions;");
aI("showmenu=Partners;text=Contacts;");
aI("showmenu=Links;text=History;");
aI("showmenu=MyMilonic;text=My Milonic;");
}


with(milonic=new menuname("Samples")){
overflow="scroll";
style=menuStyleSub;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://www.milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://www.milonic.com/menusample2.php;")
aI("text=All Horizontal Menus;url=http://www.milonic.com/menusample25.php;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://www.milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://www.milonic.com/menusample82.php;")
aI("text=XP Style;url=http://www.milonic.com/menusample86.php;")
aI("text=XP Taskbar Style Menu;url=http://www.milonic.com/menusample83.php;")
aI("text=Office XP Style Menu;url=http://www.milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://www.milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://www.milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://www.milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://www.milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://www.milonic.com/menusample13.php;")
aI("text=Multiple Styles Menu;url=http://www.milonic.com/menusample5.php;")
aI("text=Multi Colored Menu Items;url=http://www.milonic.com/menusample80.php;")
aI("text=Multi Colored Menus Using Styles;url=http://www.milonic.com/menusample7.php;")
aI("text=Multi Tab;url=http://www.milonic.com/menusample50.php;")
aI("text=Tab Top;url=http://www.milonic.com/menusample52.php;")
aI("text=Multi Columns;url=http://www.milonic.com/menusample73.php;")
aI("text=100% Width Span Menu;url=http://www.milonic.com/menusample26.php;")
aI("text=Follow Scrolling Style Menu;url=http://www.milonic.com/menusample10.php;")
aI("text=Menu Positioning With Offsets;url=http://www.milonic.com/menusample23.php;")
aI("text=Table Based (Relative) Menus;url=http://www.milonic.com/menusample9.php;")
aI("text=Opening Windows and Frames with the Menu;url=http://www.milonic.com/menusample11.php;")
aI("text=Menus Over Form Selects, Flash and Java Applets;url=http://www.milonic.com/menusample14.php;")
aI("text=Activating Functions on Mouseover;url=http://www.milonic.com/menusample15.php;")
aI("text=Drag Drop Menus;url=http://www.milonic.com/menusample22.php;")
aI("text=Menus with Header Type Items;url=http://www.milonic.com/menusample8.php;")
aI("text=Right To Left Openstyle;url=http://www.milonic.com/menusample65.php;")
aI("text=Up Openstyle Featuring Headers;url=http://www.milonic.com/menusample33.php;")
aI("text=DHTML Menus and Tooltips;url=http://www.milonic.com/menusample6.php;")
aI("text=Unlimited Level Menus Example;url=http://www.milonic.com/menusample67.php;")
aI("text=Context Right Click Menu;url=http://www.milonic.com/menusample27.php;")
aI("text=Menus built entirely from images;url=http://www.milonic.com/menusample18.php;")
aI("text=Static Images Sample;url=http://www.milonic.com/menusample16.php;")
aI("text=Rollover Swap Images Sample;url=http://www.milonic.com/menusample17.php;")
aI("text=Background Item Images;url=http://www.milonic.com/menusample20.php;")
aI("text=Background Image Buttons;url=http://www.milonic.com/menusample89.php;")
aI("text=Menu Background Images;url=http://www.milonic.com/menusample76.php;")
aI("text=Creating Texture with Menu Background Images;url=http://www.milonic.com/menusample19.php;")
aI("text=Static Background Item Images;url=http://www.milonic.com/menusample71.php;")
aI("text=Vertical Static Background Item Images;url=http://www.milonic.com/menusample87.php;")
aI("text=World Map Sample;url=http://www.milonic.com/menusample92.php;")
aI("text=US Map Sample;url=http://www.milonic.com/menusample91.php;")
aI("text=Image Map Sample;url=http://www.milonic.com/menusample4.php;")
aI("text=Rounded Edges Imperial Style;url=http://www.milonic.com/menusample21.php;")
aI("text=Corporation;url=http://www.milonic.com/menusample40.php;")
aI("text=International;url=http://www.milonic.com/menusample70.php;")
aI("text=Clean;url=http://www.milonic.com/menusample32.php;")
aI("text=3D Gradient Block;url=http://www.milonic.com/menusample57.php;")
aI("text=Descreet;url=http://www.milonic.com/menusample42.php;")
aI("text=Agriculture;url=http://www.milonic.com/menusample41.php;")
aI("text=Breeze;url=http://www.milonic.com/menusample29.php;")
aI("text=Chart;url=http://www.milonic.com/menusample66.php;")
aI("text=Cartoon;url=http://www.milonic.com/menusample77.php;")
aI("text=Start Button Menu;url=http://www.milonic.com/menusample69.php;")
aI("text=Tramline;url=http://www.milonic.com/menusample54.php;")

}

with(milonic=new menuname("Milonic")){
style=menuStyleSub;
aI("text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}

with(milonic=new menuname("Partners")){
style=menuStyleSub;
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
}

with(milonic=new menuname("Links")){
style=menuStyleSub;
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Web Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam Tools;");
}

with(milonic=new menuname("Anti Spam")){
style=menuStyleSub;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}

with(milonic=new menuname("MyMilonic")){
style=menuStyleSub;
aI("text=Login;url=http://www.milonic.com/login.php;");
aI("text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("text=Your Details;url=http://www.milonic.com/mydetails.php;");
}

drawMenus();

}

Index.htm


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:16:25 GMT

And here is the source for the page Index.htm

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  <HEAD>
    <META http-equiv=Content-Type content="text/html; charset=windows-1252">
    <META content="Welcome to the home of Thanet Wanderers Rugby Union Football Club.  London League One and East Kent's premier side." name=Description>
    <META content="Thanet Wanderers, Rugby Union, London League One, Intermediate Cup, Broadstairs, St Peter's" name=Keywords>
    <TITLE>Thanet Wanderers Rugby Union Football Club</TITLE>
    <LINK href="default.css" type=text/css rel=stylesheet>
    <SCRIPT language=JavaScript src="default.js"></SCRIPT>
    <!--
       Milonic DHTML Website Navigation Menu Version 5.0+
       Copyright 2005 (c) Milonic Solutions Limited (UK). All Rights Reserved.
       Please visit http://www.milonic.com/ for more information.
    -->
   <SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
   <NOSCRIPT><a href="http://www.milonic.com/">DHTML JavaScript Website Pull Down Navigation Menu By Milonic</a></NOSCRIPT>
   <SCRIPT type="text/javascript">
    if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
      else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
   </SCRIPT>
   <SCRIPT type="text/javascript" src="menu_data.js"></SCRIPT>
  </HEAD>
  <BODY>
    <SCRIPT>
      //make_menus();
    </SCRIPT>
    <!-- START SITE HEADER -->
    <TABLE cellSpacing=0 cellPadding=0 width="780" border=0>
      <TR>
        <TD COLSPAN=2>
          <TABLE cellSpacing=0 width=780 border=0>
            <TR>
              <TD><IMG alt="Est. Monday 4th October 1886" src="web_site_banner.jpg"></TD>
            </TR>
            <TR>
              <TD bGColor="Black"><SCRIPT language=JavaScript>make_menus();</SCRIPT></TD>
            </TR>
          </TABLE>
        </TD>
      </TR>
      <TR border=0>
        <TD vAlign=top BGCOLOR="BLUE" WIDTH="150px">
          asd asd asd asd asd asd asd as das das da da d ada da da d asd ad ad
        </TD>
        <TD vAlign=top BGCOLOR="GREEN">
          asdas asd asddddddddddddd as das das das dasd as dasd asd asd as asd asd as as asd asd
          asd
         <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
          as
          d a
          sd
           asd
            as
            d sa
         </TD>
        </TD>
      </TR>
      <TR >
        <TD colspan=2 align=middle height=16 colspan=2>
          <HR color=#cccccc SIZE=0>
        </TD>
      </TR>
      <TR>
        <TD colspan=2 class="footer"  align=middle height=16>Thanet Wanderers Rugby Union Football Club</TD>
      </TR>
      <TR>
        <TD colspan=2 class="footer" align=middle height=16>St. Peter's Recreation Ground, Callis Court Road, Broadstairs, Kent, CT10 c3AE</TD>
      </TR>
      <TR>
        <TD colspan=2 class="footer" align=middle height=16>+44 (0) 1843 866 763</TD>
      </TR>
      <TR>
        <TD colspan=2 align=middle height=16><a class="footer" href=http://www.milonic.com/>JavaScript DHTML Menu Powered by Milonic</a></TD>
      </TR>
    </TABLE>
    <!-- END SITE HEADER -->
  </BODY>
</HTML>

default.css


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:18:05 GMT

And here is my style sheet... default.css. I hope this helps. Please ignore the coolmenus menu styles as I'm not using them anymore.



Code:

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:Black; layer-background-color:Black; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; ; font-weight:bold}
.clLevel0{background-color:Black; layer-background-color:Black; color:white;}
.clLevel0over{background-color:#F3CD6C; layer-background-color:#F3CD6C; color:Black; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:Black; layer-background-color:Black}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-weight:normal}
.clLevel1{background-color:Black; layer-background-color:Black; color:white;}
.clLevel1over{background-color:#382984; layer-background-color:#382984; color:White; cursor:pointer; cursor:hand;font-weight:bold; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#F3CD6C; layer-background-color:#F3CD6C}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px;; font-weight:normal}
.clLevel2{background-color:Black; layer-background-color:Black; color:white;}
.clLevel2over{background-color:#382984; layer-background-color:#382984; color:White; cursor:pointer; cursor:hand;font-weight:bold; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#F3CD6C; layer-background-color:#F3CD6C}



BODY
{
  BORDER-TOP-WIDTH: 0px;
  BORDER-LEFT-WIDTH: 0px;
  BORDER-BOTTOM-WIDTH: 0px;
  MARGIN: 0px;
  BORDER-RIGHT-WIDTH: 0px;
  FONT-FAMILY: Tahoma, Arial, Helvitica;
}
TABLE
{
  PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 8pt; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-FAMILY: Tahoma
}
FORM
{
  FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}
BODY
{
  FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}
A
{ ; }
A.teamlink
{
    COLOR: #f5f5f5;
}
TD.time
{
  FONT-WEIGHT: bold; COLOR: #ffcc00;
  text-align:right;
  background-color:#000000; 
}
TD.footer
{
  COLOR: #666666;
}
A.footer
{
  COLOR: #666666;
}

your site


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:22:18 GMT

Ruth,

p.s. I had a look at your site and the main image in the middle seems to be missing, I guess it must be

LINK REMOVED: 10-07-11

Charlie


Poster: charliedurrant
Dated: Thursday December 29 2005 - 0:31:31 GMT

Also, its in a table TD and not position:absolute...!?!


Poster: Ruth
Dated: Thursday December 29 2005 - 1:12:40 GMT

Hi,

Ignore my site. Well, don't ignore it, but ignore the layout and stuff, I think that was done back sometime in 2000 and teh last I did anything on it was way back in 2004. It's not a good example for anything!

I'll mess with what you posted, but since you have the files already, I'd check anything to do with A. in your style sheet. Try setting the visited link property in the style in the menu to some color and see if that's the problem.
Code:
visitedcolor="#ff0000";
If you put that in the menuStyle up with your offcolor and such, and the link turns red, then it's the A in the style sheet and you'll need to set the visitedcolor in the menu.

Some of the css properties, usually the generic ones, like A, TD, margin will apply in the menu also. Andy has worked very hard to make sure it can be designed using css to style it instead of the built in menu properties because a lot of people wanted to be able to use css instead. The A, TD and margin are the only ones I've noticed that do seem to apply themselves to the menu, the TD usually it's the font size that gets applied.

Ruth


Poster: Ruth
Dated: Thursday December 29 2005 - 2:11:05 GMT

Hi,

You have both pagebgcolor and pagecolor set to #0b0b0b. So, when you go to index.htm then you are 'matching' the link in the Home item and the pagecolor takes effect, which happens to be the same as the pagebgcolor.

Ruth


Poster: charliedurrant
Dated: Thursday December 29 2005 - 9:38:49 GMT

Ruth,

Many thanks...... I though it would be something stupid that I did. Thanks for the investigative work. The site I am doing is for a registered charity however I think that it would be corect for us to pay for a licence as I have coded menus and they are a great deal of work to get right cross browser - near impossible.

Is it possible to purchase a single licence but still be a charity for the sake of good will?

yours

Charles


Poster: Ruth
Dated: Thursday December 29 2005 - 12:37:49 GMT

Hi Charles,

charliedurrant wrote:
Is it possible to purchase a single licence but still be a charity for the sake of good will?


Yes, you can do that. Milonic will appeciate it. You need to go to the main site, register there and do the process for the purchase. The license is good forever, the support, i.e. filling out a support form request, is for a year, licensed updates on the menu are good for a year, and the forum support is, of course, always here. :)

You can contact Milonic for more specific information on it, explaining what you want to do, and they can better answer in more detail.


Ruth

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support