Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Unique Backgrounds?
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Unique Backgrounds?
#13292
Unique Backgrounds? 13 Years ago Karma: 0
Code:

#menu .yui-skin-sam UL LI.yui-menu-item2 A.yuimenubaritemlabel-selected
{
background:url(2.jpg) repeat-x;
color:white;
}
#menu .yui-skin-sam UL LI.yui-menu-item7 .yuimenubaritem-active {
background:url(3.jpg) repeat-x;
color:white;}
#menu .yui-skin-sam UL LI.yui-menu-item7 .yuimenubaritem-active {
background:url(3.jpg) repeat-x;
color:white;}
#menu .yui-skin-sam UL LI.yui-menu-item7 A.yuimenubaritemlabel-selected
{
background:url(3.jpg) repeat-x;
color:white;
}



I'm currently using this for my horizontal menu to have different background images for each roll over image category, although I would like the background of the drop-down menu to match this colour. I think I need something similar like the above code for the .yuimenu .bd I believe? is this possible? I looked at the Yahoo documentation and am completely lost. I am trying to learn more CSS while I work on this project although I fear I have bitten off more than I can chew!!

Any help would be greatly appreciated!!!
The administrator has disabled public write access.
 
#13295
Re: Unique Backgrounds? 13 Years ago Karma: 0
Just played around with the following, although I cant seem to get each individual item to display a different background for the submenu if that makes sense?..

anyway here is the code ive tried using but no luck:

Code:


#menu .yui-skin-sam UL LI.yui-menu-item2 .yuimenubaritem-active, .yuimenubar .yuimenu 
{
background:url(2.jpg) repeat-x;
color:white;}
#menu .yui-skin-sam UL LI.yui-menu-item2 A.yuimenubaritemlabel-selected,.yuimenubar .yuimenu
{
background:url(2.jpg) repeat-x;
color:white;
}
#menu .yui-skin-sam UL LI.yui-menu-item7 .yuimenubaritem-active .yuimenubar .yuimenu
{
background:url(3.jpg) repeat-x;
color:white;}
#menu .yui-skin-sam UL LI.yui-menu-item7 A.yuimenubaritemlabel-selected .yuimenubar .yuimenu
{
background:url(3.jpg) repeat-x;
color:white;
}


The administrator has disabled public write access.
 
#13300
Re: Unique Backgrounds? 13 Years ago Karma: 748
Provide link to page where we can see the menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#13318
Re: Unique Backgrounds? 13 Years ago Karma: 0
Hi,

Its currently localhost, I will deploy the site this evening and send you the link in about 8 hours!

Thank you!
The administrator has disabled public write access.
 
#13518
Re: Unique Backgrounds? 13 Years ago Karma: 0
hi, this is the url the menus is the one with: "COMPANY PRODUCTS.." etc.

www.masongaming.co.uk/thp123/

Thank you for any help you may be able to provide!
The administrator has disabled public write access.
 
#13522
Re: Unique Backgrounds? 13 Years ago Karma: 748
Background colors of menu items are changed on mouse hover, do you want to use these background color for non-hover state?

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 123