Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:59
menubgimage position=right
Poster: fatNjazzy
Dated: Saturday July 22 2006 - 16:49:08 BST
hi
is there any way to align the menubgimage to the right.
i using the office XP style and everythig is set to rtl and right.
i also flipped horizonlally the image but still, i cant shift it to the right.
i cant link to it because its on my local.
thanks
Poster: Ruth
Dated: Saturday July 22 2006 - 20:17:26 BST
Hi,
Sorry, it's not possible to position the menubgimage. You can use css to apply and position bgimages and overbgimages, but not the menubgimage. CSS applies itself to each item, not the menu.
If you can give me your menu_data.js file, I can set something up for you that would look like you had positioned that menubgimage, but I'd need the file to do it, since I'd have to set it up in each submenu.
Ruth
Poster: fatNjazzy
Dated: Saturday July 22 2006 - 20:46:34 BST
HERE IT IS
THANKS
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
openstyle="rtl";
bordercolor="transparent";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana";
fontsize="15px";
fontstyle="normal";
fontweight="normal";
//offbgcolor="#A2ACB9";
offcolor="#FFFFFF";
//onbgcolor="#C1D2EE";
//onborder="1px solid #000080";
oncolor="#FFFFFF";
bgimage="system/menu/mainbg.gif";
//overbgimage="system/menu/orange_Venom.gif";
padding=7;
}
with(XPMenuStyle=new mm_style()){
//openstyle="rtl";
styleid=1;
bordercolor="black";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="13px";
fontstyle="normal";
fontweight="normal";
image="system/menu/xpblank.gif";
imagepadding=3;
menubgimage="system/menu/backoff2003_web.gif";
subimageposition="right"
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3C3C3C";
onborder="1px solid #000080";
oncolor="#FFFFFF";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.3);Alpha(opacity=90);Shadow(color=#999999', Direction=270, Strength=5)";
padding=4;
separatoralign="left";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="system/menu/arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
openstyle="rtl";
bordercolor="transparent";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana";
fontsize="15px";
fontstyle="normal";
fontweight="normal";
//offbgcolor="#A2ACB9";
offcolor="#FFFFFF";
//onbgcolor="#C1D2EE";
//onborder="1px solid #000080";
oncolor="#FFFFFF";
bgimage="system/menu/mainbg.gif";
//overbgimage="system/menu/orange_Venom.gif";
padding=7;
}
with(XPMenuStyle=new mm_style()){
//openstyle="rtl";
styleid=1;
bordercolor="black";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="13px";
fontstyle="normal";
fontweight="normal";
image="system/menu/xpblank.gif";
imagepadding=3;
menubgimage="system/menu/backoff2003_web.gif";
subimageposition="right"
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3C3C3C";
onborder="1px solid #000080";
oncolor="#FFFFFF";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.3);Alpha(opacity=90);Shadow(color=#999999', Direction=270, Strength=5)";
padding=4;
separatoralign="left";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="system/menu/arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
Poster: Ruth
Dated: Saturday July 22 2006 - 23:34:11 BST
Hi,
I need the complete data file, if I can fix anything, I can't just do it in the style, it would have to be done inside each submenu so I need that info. If I can set up anything I can only do it using divides and a bunch of css classes so I'd need the full data file.
Ruth
Poster: fatNjazzy
Dated: Sunday July 23 2006 - 10:40:22 BST
im putting here a general file (office xp 2003 style), because my file is combined with PHP + ASP + db queries and so...
correct just one for me and let me know what u did.
thanks alot for your time
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#B8D1F8";
offcolor="#000000";
onbgcolor="#C1D2EE";
onborder="1px solid #000080";
oncolor="#000000";
overbgimage="orange_Venom.gif";
padding=3;
}
with(XPMenuStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
image="xpblank.gif";
imagepadding=3;
menubgimage="backoff2003_web.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#ffeec2";
onborder="1px solid #000080";
oncolor="#000000";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#B8D1F8', Direction=135, Strength=5)";
padding=4;
separatoralign="right";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
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")){
margin=2;
style=XPMenuStyle;
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
margin=2;
style=XPMenuStyle;
aI("text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
margin=2;
style=XPMenuStyle;
aI("text=Apache Web Server;url=http://www.apache.org/;");
aI("text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("text=PHP - Development;url=http://www.php.net/;");
aI("text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;");
}
with(milonic=new menuname("Anti Spam")){
margin=2;
style=XPMenuStyle;
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("My Milonic")){
margin=2;
style=XPMenuStyle;
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#B8D1F8";
offcolor="#000000";
onbgcolor="#C1D2EE";
onborder="1px solid #000080";
oncolor="#000000";
overbgimage="orange_Venom.gif";
padding=3;
}
with(XPMenuStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
image="xpblank.gif";
imagepadding=3;
menubgimage="backoff2003_web.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#ffeec2";
onborder="1px solid #000080";
oncolor="#000000";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#B8D1F8', Direction=135, Strength=5)";
padding=4;
separatoralign="right";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
aI("text=Home;url=http://www.milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
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")){
margin=2;
style=XPMenuStyle;
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
margin=2;
style=XPMenuStyle;
aI("text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
margin=2;
style=XPMenuStyle;
aI("text=Apache Web Server;url=http://www.apache.org/;");
aI("text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("text=PHP - Development;url=http://www.php.net/;");
aI("text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;text=Anti Spam Tools;");
}
with(milonic=new menuname("Anti Spam")){
margin=2;
style=XPMenuStyle;
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("My Milonic")){
margin=2;
style=XPMenuStyle;
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
Poster: Ruth
Dated: Sunday July 23 2006 - 22:53:08 BST
Hi,
OK, I got it to work. Actually, I was able to do it all in the style.
The css file is:
Code:
.sub{
background: url(xpbg.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding:4px;
}
.subover{
background: #C1D2EE url(xpbg.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
.subpage{
background: url(xp_page.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
background: url(xpbg.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding:4px;
}
.subover{
background: #C1D2EE url(xpbg.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
.subpage{
background: url(xp_page.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
}
The menu data file is:
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#ECE9D8";
offcolor="#000000";
onbgcolor="#C1D2EE";
onborder="1px solid #316AC5";
oncolor="#000000";
padding=3;
pagebgcolor="#eff7ff";
pagecolor="#0000ce";
pageborder="1px solid #0000ce";
rawcss="padding-left:5px;padding-right:5px";
}
with(XPMenuStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
padding=1;
onborder="1px solid #316AC5";
image="xpblank.gif";
imagepadding=3;
imageposition="right";
offclass="sub";
onclass="subover";
pageclass="subpage";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=http://www.milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
openstyle="rtl";
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")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
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")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
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("My Milonic")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#ECE9D8";
offcolor="#000000";
onbgcolor="#C1D2EE";
onborder="1px solid #316AC5";
oncolor="#000000";
padding=3;
pagebgcolor="#eff7ff";
pagecolor="#0000ce";
pageborder="1px solid #0000ce";
rawcss="padding-left:5px;padding-right:5px";
}
with(XPMenuStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
padding=1;
onborder="1px solid #316AC5";
image="xpblank.gif";
imagepadding=3;
imageposition="right";
offclass="sub";
onclass="subover";
pageclass="subpage";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=http://www.milonic.com/;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
margin=2;
overflow="scroll";
style=XPMenuStyle;
openstyle="rtl";
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")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
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")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
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("My Milonic")){
margin=2;
style=XPMenuStyle;
openstyle="rtl";
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
OK, this uses css to be able to do this. There is no menubgimage anymore, using css the background image gets put into each item.
I put in the pageclass so you would have highlighting for the paths so people know where they are, but if you don't want that, remove the following:
From the XPMainStyle
Code:
pagebgcolor="#eff7ff";
pagecolor="#0000ce";
pageborder="1px solid #0000ce";
pagecolor="#0000ce";
pageborder="1px solid #0000ce";
From the XPMenuStyle:
Code:
pageclass="subpage";
And, you can remove that subpage class from the xp.css file, though if you remove the pageclass= from the menu data file, it won't read that class in the css file so you could just leave it.
NOTE::::::: There is one issue, when you open the submenus, look at the top and bottom right, you will see what looks like a little indentation in that beige part of the background image. What's causing that is the margin=2; I didn't think it was that noticeable, so I left it, but if you don't want it, you need to remove the margin=2.
ALSO: I removed the separators since they caused a problem. No matter what width I put in, they put a little 1px white space at the left side of the beige color of the background. That's because the menu makes space for the separator all the way across, even with width to 50%; The size of 1 which is equal to 1px has to be put in the menu all the way across.
Hope this helps.
Ruth
Poster: fatNjazzy
Dated: Monday July 24 2006 - 21:10:43 BST
THNAK U VERY MUTCH FOR YOUR TIME.
after i did what u send me, a new problem appeared.
if im overing with the mouse on a sub sub menu it will stay ON and wont go OFF untill the next time im over it.
any ideas y?
thanks!!!
HAVE A NICE DAY
Poster: Ruth
Dated: Tuesday July 25 2006 - 4:17:47 BST
Hi,
That's not something we can figure out unless we have your page to see what's going on. That doesn't happen when I do that in the one I posted to you which has a sub sub menu off the links submenu.
Ruth
Poster: fatNjazzy
Dated: Tuesday July 25 2006 - 18:45:17 BST
hi again:
this is the row that does the problem:
offbgcolor="transparent";
if i put it, i see the menu as i want it to be.
but there a js err when im onmouseout from the sub menu.
but, if i put //offbgcolor="transparent";
i cant see the menu.
any idea?
thanks alot again
Code:
with(XPMenuStyle=new mm_style()){
//openstyle="rtl";
offclass="sub";
onclass="subover";
pageclass="subpage";
styleid=1;
bordercolor="black";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="13px";
fontstyle="normal";
fontweight="normal";
image="system/menu/xpblank.gif";
imagepadding=3;
menubgimage="system/menu/backoff2003_web.gif";
subimageposition="right"
onbgcolor="#3C3C3C";
offbgcolor="transparent";
offclass="sub";
onclass="subover";
pageclass="subpage";
offcolor="#000000";
onborder="1px solid #000080";
oncolor="#FFFFFF";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.3);Alpha(opacity=90);Shadow(color=#999999', Direction=270, Strength=5)";
padding=4;
separatoralign="left";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="system/menu/arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
//openstyle="rtl";
offclass="sub";
onclass="subover";
pageclass="subpage";
styleid=1;
bordercolor="black";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana";
fontsize="13px";
fontstyle="normal";
fontweight="normal";
image="system/menu/xpblank.gif";
imagepadding=3;
menubgimage="system/menu/backoff2003_web.gif";
subimageposition="right"
onbgcolor="#3C3C3C";
offbgcolor="transparent";
offclass="sub";
onclass="subover";
pageclass="subpage";
offcolor="#000000";
onborder="1px solid #000080";
oncolor="#FFFFFF";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.3);Alpha(opacity=90);Shadow(color=#999999', Direction=270, Strength=5)";
padding=4;
separatoralign="left";
separatorcolor="#6A8CCB";
separatorpadding=1;
separatorwidth="80%";
subimage="system/menu/arrow.gif";
subimagepadding=3;
menubgcolor="#EBF0EC";
}
Poster: Ruth
Dated: Tuesday July 25 2006 - 21:43:07 BST
Hi,
There was nothing in the file I posted to you that had offbgcolor="transparent" as far as I can find.
are you using office xp style or office 2003 style, they are different, which means I may have to redo all that for the office 2003 one.
I will try again with the other style if you are using office 2003, however, once I do that, if there is still a problem I will not be able to do anything without YOUR page.
I am not seeing the problem you describe in what I made, I cannot reproduce it using the file I created, so there isn't any more help I can provide as to that.
Ruth
Poster: Ruth
Dated: Wednesday July 26 2006 - 10:04:26 BST
Hi,
Here is the new image you need
The other background you are using is the original orange one.
Here is the css
Code:
.sub{
background: url(backoff2003_web-rtl.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
.subover{
background: #FFD9A0 url(orange_Venom.gif) repeat-x top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
.subpage{
background: url(backoff2003_web-rtl.gif) repeat-y top right;
color:#ffba53;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=underline;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
background: url(backoff2003_web-rtl.gif) repeat-y top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
.subover{
background: #FFD9A0 url(orange_Venom.gif) repeat-x top right;
color:#000000;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=none;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
.subpage{
background: url(backoff2003_web-rtl.gif) repeat-y top right;
color:#ffba53;
font-size:70%;
font-style:normal;
font-family: Tahoma,Helvetica,Verdana;
text-decoration=underline;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
margin-left:2px;
margin-top:2px;
margin-right:2px;
margin-bottom:0px;
}
The menu data file
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#B8D1F8";
offcolor="#000000";
onbgcolor="#C1D2EE";
oncolor="#000000";
onborder="1px solid #000080";
overbgimage="orange_Venom.gif";
padding=3;
}
with(XPMenuStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
onborder="1px solid #000080";
image="xpblank.gif";
imageposition="right";
imagepadding=3;
offclass="sub";
onclass="subover";
pageclass="subpage";
separatorcolor="#6A8CCB";
separatorwidth="76%";
separatoralign="left";
subimage="arrow.gif";
subimagepadding=3;
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#B8D1F8', Direction=135, Strength=5)";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=80;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
openstyle="rtl";
aI("text=Home;url=page1.htm;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
overflow="scroll";
style=XPMenuStyle;
openstyle="rtl";
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=XPMenuStyle;
openstyle="rtl";
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
style=XPMenuStyle;
openstyle="rtl";
aI("text=(aq) Web Hosting;url=page1.htm;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
style=XPMenuStyle;
openstyle="rtl";
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=XPMenuStyle;
openstyle="rtl";
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("My Milonic")){
style=XPMenuStyle;
openstyle="rtl";
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(XPMainStyle=new mm_style()){
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
fontfamily="Tahoma,Helvetica,Verdana";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#B8D1F8";
offcolor="#000000";
onbgcolor="#C1D2EE";
oncolor="#000000";
onborder="1px solid #000080";
overbgimage="orange_Venom.gif";
padding=3;
}
with(XPMenuStyle=new mm_style()){
styleid=1;
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
onborder="1px solid #000080";
image="xpblank.gif";
imageposition="right";
imagepadding=3;
offclass="sub";
onclass="subover";
pageclass="subpage";
separatorcolor="#6A8CCB";
separatorwidth="76%";
separatoralign="left";
subimage="arrow.gif";
subimagepadding=3;
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#B8D1F8', Direction=135, Strength=5)";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=80;
margin=2;
orientation="horizontal";
style=XPMainStyle;
top=10;
openstyle="rtl";
aI("text=Home;url=page1.htm;");
aI("showmenu=Samples;text=Menu Samples;");
aI("showmenu=Milonic;text=Milonic;");
aI("showmenu=Partners;text=Partners;");
aI("showmenu=Links;text=Links;");
aI("showmenu=My Milonic;text=My Milonic;");
}
with(milonic=new menuname("Samples")){
overflow="scroll";
style=XPMenuStyle;
openstyle="rtl";
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=XPMenuStyle;
openstyle="rtl";
aI("image=xp_preview.gif;separatorsize=1;text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
}
with(milonic=new menuname("Partners")){
style=XPMenuStyle;
openstyle="rtl";
aI("text=(aq) Web Hosting;url=page1.htm;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/;");
}
with(milonic=new menuname("Links")){
style=XPMenuStyle;
openstyle="rtl";
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=XPMenuStyle;
openstyle="rtl";
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("My Milonic")){
style=XPMenuStyle;
openstyle="rtl";
aI("image=ie_small.gif;text=Login;url=http://www.milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://www.milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
}
drawMenus();
Ruth