menubgimage position=right

fatNjazzy · Post by **fatNjazzy** » Sat Jul 22, 2006 4:49 pm

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

Post by **Ruth** » Sat Jul 22, 2006 8:17 pm

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

fatNjazzy · Post by **fatNjazzy** » Sat Jul 22, 2006 8:46 pm

HERE IT IS
THANKS

Code: Select all

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_office2003.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";
}

Post by **Ruth** » Sat Jul 22, 2006 11:34 pm

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

fatNjazzy · Post by **fatNjazzy** » Sun Jul 23, 2006 10:40 am

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: Select all

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_office2003.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://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://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php;")
aI("text=All Horizontal Menus;url=http://milonic.com/menusample25.php;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=XP Taskbar Style Menu;url=http://milonic.com/menusample83.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php;")
aI("text=Multiple Styles Menu;url=http://milonic.com/menusample5.php;")
aI("text=Multi Colored Menu Items;url=http://milonic.com/menusample80.php;")
aI("text=Multi Colored Menus Using Styles;url=http://milonic.com/menusample7.php;")
aI("text=Multi Tab;url=http://milonic.com/menusample50.php;")
aI("text=Tab Top;url=http://milonic.com/menusample52.php;")
aI("text=Multi Columns;url=http://milonic.com/menusample73.php;")
aI("text=100% Width Span Menu;url=http://milonic.com/menusample26.php;")
aI("text=Follow Scrolling Style Menu;url=http://milonic.com/menusample10.php;")
aI("text=Menu Positioning With Offsets;url=http://milonic.com/menusample23.php;")
aI("text=Table Based (Relative) Menus;url=http://milonic.com/menusample9.php;")
aI("text=Opening Windows and Frames with the Menu;url=http://milonic.com/menusample11.php;")
aI("text=Menus Over Form Selects, Flash and Java Applets;url=http://milonic.com/menusample14.php;")
aI("text=Activating Functions on Mouseover;url=http://milonic.com/menusample15.php;")
aI("text=Drag Drop Menus;url=http://milonic.com/menusample22.php;")
aI("text=Menus with Header Type Items;url=http://milonic.com/menusample8.php;")
aI("text=Right To Left Openstyle;url=http://milonic.com/menusample65.php;")
aI("text=Up Openstyle Featuring Headers;url=http://milonic.com/menusample33.php;")
aI("text=DHTML Menus and Tooltips;url=http://milonic.com/menusample6.php;")
aI("text=Unlimited Level Menus Example;url=http://milonic.com/menusample67.php;")
aI("text=Context Right Click Menu;url=http://milonic.com/menusample27.php;")
aI("text=Menus built entirely from images;url=http://milonic.com/menusample18.php;")
aI("text=Static Images Sample;url=http://milonic.com/menusample16.php;")
aI("text=Rollover Swap Images Sample;url=http://milonic.com/menusample17.php;")
aI("text=Background Item Images;url=http://milonic.com/menusample20.php;")
aI("text=Background Image Buttons;url=http://milonic.com/menusample89.php;")
aI("text=Menu Background Images;url=http://milonic.com/menusample76.php;")
aI("text=Creating Texture with Menu Background Images;url=http://milonic.com/menusample19.php;")
aI("text=Static Background Item Images;url=http://milonic.com/menusample71.php;")
aI("text=Vertical Static Background Item Images;url=http://milonic.com/menusample87.php;")
aI("text=World Map Sample;url=http://milonic.com/menusample92.php;")
aI("text=US Map Sample;url=http://milonic.com/menusample91.php;")
aI("text=Image Map Sample;url=http://milonic.com/menusample4.php;")
aI("text=Rounded Edges Imperial Style;url=http://milonic.com/menusample21.php;")
aI("text=Corporation;url=http://milonic.com/menusample40.php;")
aI("text=International;url=http://milonic.com/menusample70.php;")
aI("text=Clean;url=http://milonic.com/menusample32.php;")
aI("text=3D Gradient Block;url=http://milonic.com/menusample57.php;")
aI("text=Descreet;url=http://milonic.com/menusample42.php;")
aI("text=Agriculture;url=http://milonic.com/menusample41.php;")
aI("text=Breeze;url=http://milonic.com/menusample29.php;")
aI("text=Chart;url=http://milonic.com/menusample66.php;")
aI("text=Cartoon;url=http://milonic.com/menusample77.php;")
aI("text=Start Button Menu;url=http://milonic.com/menusample69.php;")
aI("text=Tramline;url=http://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://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://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://milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://milonic.com/mydetails.php;");
}

drawMenus();

Post by **Ruth** » Sun Jul 23, 2006 10:53 pm

Hi,

OK, I got it to work. Actually, I was able to do it all in the style.

The css file is:

Code: Select all

.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;
}

The menu data file is:

Code: Select all

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://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://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php;")
aI("text=All Horizontal Menus;url=http://milonic.com/menusample25.php;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=XP Taskbar Style Menu;url=http://milonic.com/menusample83.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php;")
aI("text=Multiple Styles Menu;url=http://milonic.com/menusample5.php;")
aI("text=Multi Colored Menu Items;url=http://milonic.com/menusample80.php;")
aI("text=Multi Colored Menus Using Styles;url=http://milonic.com/menusample7.php;")
aI("text=Multi Tab;url=http://milonic.com/menusample50.php;")
aI("text=Tab Top;url=http://milonic.com/menusample52.php;")
aI("text=Multi Columns;url=http://milonic.com/menusample73.php;")
aI("text=100% Width Span Menu;url=http://milonic.com/menusample26.php;")
aI("text=Follow Scrolling Style Menu;url=http://milonic.com/menusample10.php;")
aI("text=Menu Positioning With Offsets;url=http://milonic.com/menusample23.php;")
aI("text=Table Based (Relative) Menus;url=http://milonic.com/menusample9.php;")
aI("text=Opening Windows and Frames with the Menu;url=http://milonic.com/menusample11.php;")
aI("text=Menus Over Form Selects, Flash and Java Applets;url=http://milonic.com/menusample14.php;")
aI("text=Activating Functions on Mouseover;url=http://milonic.com/menusample15.php;")
aI("text=Drag Drop Menus;url=http://milonic.com/menusample22.php;")
aI("text=Menus with Header Type Items;url=http://milonic.com/menusample8.php;")
aI("text=Right To Left Openstyle;url=http://milonic.com/menusample65.php;")
aI("text=Up Openstyle Featuring Headers;url=http://milonic.com/menusample33.php;")
aI("text=DHTML Menus and Tooltips;url=http://milonic.com/menusample6.php;")
aI("text=Unlimited Level Menus Example;url=http://milonic.com/menusample67.php;")
aI("text=Context Right Click Menu;url=http://milonic.com/menusample27.php;")
aI("text=Menus built entirely from images;url=http://milonic.com/menusample18.php;")
aI("text=Static Images Sample;url=http://milonic.com/menusample16.php;")
aI("text=Rollover Swap Images Sample;url=http://milonic.com/menusample17.php;")
aI("text=Background Item Images;url=http://milonic.com/menusample20.php;")
aI("text=Background Image Buttons;url=http://milonic.com/menusample89.php;")
aI("text=Menu Background Images;url=http://milonic.com/menusample76.php;")
aI("text=Creating Texture with Menu Background Images;url=http://milonic.com/menusample19.php;")
aI("text=Static Background Item Images;url=http://milonic.com/menusample71.php;")
aI("text=Vertical Static Background Item Images;url=http://milonic.com/menusample87.php;")
aI("text=World Map Sample;url=http://milonic.com/menusample92.php;")
aI("text=US Map Sample;url=http://milonic.com/menusample91.php;")
aI("text=Image Map Sample;url=http://milonic.com/menusample4.php;")
aI("text=Rounded Edges Imperial Style;url=http://milonic.com/menusample21.php;")
aI("text=Corporation;url=http://milonic.com/menusample40.php;")
aI("text=International;url=http://milonic.com/menusample70.php;")
aI("text=Clean;url=http://milonic.com/menusample32.php;")
aI("text=3D Gradient Block;url=http://milonic.com/menusample57.php;")
aI("text=Descreet;url=http://milonic.com/menusample42.php;")
aI("text=Agriculture;url=http://milonic.com/menusample41.php;")
aI("text=Breeze;url=http://milonic.com/menusample29.php;")
aI("text=Chart;url=http://milonic.com/menusample66.php;")
aI("text=Cartoon;url=http://milonic.com/menusample77.php;")
aI("text=Start Button Menu;url=http://milonic.com/menusample69.php;")
aI("text=Tramline;url=http://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://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://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://milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://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: Select all

pagebgcolor="#eff7ff";
pagecolor="#0000ce";
pageborder="1px solid #0000ce";

From the XPMenuStyle:

Code: Select all

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

fatNjazzy · Post by **fatNjazzy** » Mon Jul 24, 2006 9:10 pm

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

Post by **Ruth** » Tue Jul 25, 2006 4:17 am

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

fatNjazzy · Post by **fatNjazzy** » Tue Jul 25, 2006 6:45 pm

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: Select all

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";
}

Post by **Ruth** » Tue Jul 25, 2006 9:43 pm

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

Post by **Ruth** » Wed Jul 26, 2006 10:04 am

Hi,

Here is the new image you need

The other background you are using is the original orange one.

Here is the css

Code: Select all

.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_office2003.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: Select all

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_office2003.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://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php;")
aI("text=All Horizontal Menus;url=http://milonic.com/menusample25.php;")
aI("text=Using The Popup Menu Function Positioned by Images&nbsp;;url=http://milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=XP Taskbar Style Menu;url=http://milonic.com/menusample83.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php;")
aI("text=Multiple Styles Menu;url=http://milonic.com/menusample5.php;")
aI("text=Multi Colored Menu Items;url=http://milonic.com/menusample80.php;")
aI("text=Multi Colored Menus Using Styles;url=http://milonic.com/menusample7.php;")
aI("text=Multi Tab;url=http://milonic.com/menusample50.php;")
aI("text=Tab Top;url=http://milonic.com/menusample52.php;")
aI("text=Multi Columns;url=http://milonic.com/menusample73.php;")
aI("text=100% Width Span Menu;url=http://milonic.com/menusample26.php;")
aI("text=Follow Scrolling Style Menu;url=http://milonic.com/menusample10.php;")
aI("text=Menu Positioning With Offsets;url=http://milonic.com/menusample23.php;")
aI("text=Table Based (Relative) Menus;url=http://milonic.com/menusample9.php;")
aI("text=Opening Windows and Frames with the Menu;url=http://milonic.com/menusample11.php;")
aI("text=Menus Over Form Selects, Flash and Java Applets;url=http://milonic.com/menusample14.php;")
aI("text=Activating Functions on Mouseover;url=http://milonic.com/menusample15.php;")
aI("text=Drag Drop Menus;url=http://milonic.com/menusample22.php;")
aI("text=Menus with Header Type Items;url=http://milonic.com/menusample8.php;")
aI("text=Right To Left Openstyle;url=http://milonic.com/menusample65.php;")
aI("text=Up Openstyle Featuring Headers;url=http://milonic.com/menusample33.php;")
aI("text=DHTML Menus and Tooltips;url=http://milonic.com/menusample6.php;")
aI("text=Unlimited Level Menus Example;url=http://milonic.com/menusample67.php;")
aI("text=Context Right Click Menu;url=http://milonic.com/menusample27.php;")
aI("text=Menus built entirely from images;url=http://milonic.com/menusample18.php;")
aI("text=Static Images Sample;url=http://milonic.com/menusample16.php;")
aI("text=Rollover Swap Images Sample;url=http://milonic.com/menusample17.php;")
aI("text=Background Item Images;url=http://milonic.com/menusample20.php;")
aI("text=Background Image Buttons;url=http://milonic.com/menusample89.php;")
aI("text=Menu Background Images;url=http://milonic.com/menusample76.php;")
aI("text=Creating Texture with Menu Background Images;url=http://milonic.com/menusample19.php;")
aI("text=Static Background Item Images;url=http://milonic.com/menusample71.php;")
aI("text=Vertical Static Background Item Images;url=http://milonic.com/menusample87.php;")
aI("text=World Map Sample;url=http://milonic.com/menusample92.php;")
aI("text=US Map Sample;url=http://milonic.com/menusample91.php;")
aI("text=Image Map Sample;url=http://milonic.com/menusample4.php;")
aI("text=Rounded Edges Imperial Style;url=http://milonic.com/menusample21.php;")
aI("text=Corporation;url=http://milonic.com/menusample40.php;")
aI("text=International;url=http://milonic.com/menusample70.php;")
aI("text=Clean;url=http://milonic.com/menusample32.php;")
aI("text=3D Gradient Block;url=http://milonic.com/menusample57.php;")
aI("text=Descreet;url=http://milonic.com/menusample42.php;")
aI("text=Agriculture;url=http://milonic.com/menusample41.php;")
aI("text=Breeze;url=http://milonic.com/menusample29.php;")
aI("text=Chart;url=http://milonic.com/menusample66.php;")
aI("text=Cartoon;url=http://milonic.com/menusample77.php;")
aI("text=Start Button Menu;url=http://milonic.com/menusample69.php;")
aI("text=Tramline;url=http://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://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("image=xp_settings.gif;text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("image=xp_question.gif;text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://milonic.com/forum/;");
aI("image=xp_width.gif;text=Software License Agreement;url=http://milonic.com/license.php;");
aI("image=xp_search.gif;text=Privacy Policy;url=http://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://milonic.com/login.php;");
aI("image=moz_small.gif;text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("image=nn4_small.gif;text=Invoices;url=http://milonic.com/myinvoices;");
aI("image=nn6_small.gif;text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("image=op_small.gif;text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("image=dos.gif;text=Your Details;url=http://milonic.com/mydetails.php;");
}

drawMenus();

Ruth