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


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


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 7 Years, 4 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 7 Years, 4 Months ago Karma: 671
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 7 Years, 4 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 7 Years, 4 Months ago Karma: 671
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 7 Years, 4 Months ago Karma: 0
Thanks
The administrator has disabled public write access.
 
Go to topPage: 1