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?

Horizontal Menu CSS help
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Horizontal Menu CSS help
#5536
Horizontal Menu CSS help 13 Years, 9 Months ago Karma: 0
malluwood.org/malluwood/m/livemallunew/hindi

here I ve used your menu.

Now I want to change colors

I ve used reference of other posts and tried to change Menu Bar's Color

But I was unsuccessful

Please Guide me with Sample

I want to Change Menubar color
I want to change Menu Item Font color (on hover and passive both)
I want to change Menu Item Hover/Selected Color

Please help me with this

Thanks in advance
Regards
govind99
The administrator has disabled public write access.
 
#5538
Re:Horizontal Menu CSS help 13 Years, 9 Months ago Karma: 747
Hello,

Use the following CSS rules:

Code:


/* Define menubar background color */
body .yui-skin-sam .yuimenubar 
{
  background: red none;
}

/* Define menu item font color */
body .yui-skin-sam .yuimenubar .yuimenubaritemlabel,
body .yui-skin-sam .yuimenubar .yuimenuitemlabel
{
  color: green;
}

/* Define menu item hover font color */
body .yui-skin-sam .yuimenubar .yuimenubaritemlabel:hover,
body .yui-skin-sam .yuimenubar .yuimenuitemlabel:hover
{
  color: blue;
}

/* Define background color of selected menu item */
body .yui-skin-sam .yuimenubar .bd ul li.yuimenubaritem-selected,
body .yui-skin-sam .yuimenubar .bd ul li.yuimenuitem-selected
{
  background: white none;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#5543
Re:Horizontal Menu CSS help 13 Years, 9 Months ago Karma: 0
Thanks Buddy

Gr8 Solved my problem

Now one more question.

I ve seen Sprite.png

and seen there are some other patterns were there

I want to know how to change them?

or if I create mine one and save it like

menuitem.png
menuitemover.png
menuitemselected.png

(you can assume name for submenus and all)
(will save in same folder where sprite.png exists)

and if I want to apply it on the menu
so what should I do?

Also if you can provide more structured CSS in next Release with proper Documentation/Commenting will help a lot.
(current one show in single line in any code editor and not easy to indent properly and confuse user)

Also one wish is Provide Color Parameter in Module settings only
(and if Possible provide it with image option )

Thanks in Advance
Regards
govind99
The administrator has disabled public write access.
 
#5557
Re:Horizontal Menu CSS help 13 Years, 9 Months ago Karma: 747
ARI YUI Menu is based on YUI menu widget and documentation about styles structure can be found here.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5559
Re:Horizontal Menu CSS help 13 Years, 9 Months ago Karma: 0
Thanks
The administrator has disabled public write access.
 
Go to topPage: 1