Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show 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.
    more...

  • 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.
    more...


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?
ARI Soft Forum
Joomla components
ARI YUI Menu

Different Colors in in menu items
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Different Colors in in menu items
#8302
Different Colors in in menu items 13 Years, 8 Months ago Karma: 0
How can i make different color for each menu item?

Thanks!
maorlast
User Offline Click here to see the profile of this user
Last Edit: 2011/04/12 17:25 By maorlast.
The administrator has disabled public write access.
 
#8303
Re:Different Colors in in menu items 13 Years, 8 Months ago Karma: 748
Hello,

Use the following CSS rule:

Code:

#top_menu .yui-skin-sam UL LI.yui-menu-item[MENU_ITEM_ID] A.yuimenubaritemlabel
{
 background: red;
}


Where [MENU_ITEM_ID] is ID of necessary menu item which can be found on menu item edit page. For example if you want to change background of the first menu item, use the next CSS rule:

Code:

#top_menu .yui-skin-sam UL LI.yui-menu-item73 A.yuimenubaritemlabel
{
 background: red;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#8308
Re:Different Colors in in menu items 13 Years, 8 Months ago Karma: 0
That is great, works perfect!

How about if i just want the background color to be changed on Hover event (again, different colors on each menu item)

What will be the code for that? (item 73 for instance)
maorlast
User Offline Click here to see the profile of this user
Last Edit: 2010/11/01 20:54 By maorlast.
The administrator has disabled public write access.
 
#8309
Re:Different Colors in in menu items 13 Years, 8 Months ago Karma: 748
Use the following:

Code:

#top_menu .yui-skin-sam UL LI.yui-menu-item73 A.yuimenubaritemlabel-selected
{
 background: green;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#8322
Re:Different Colors in in menu items 13 Years, 8 Months ago Karma: 0
Great!
maorlast
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#8760
Re:Different Colors in in menu items 13 Years, 7 Months ago Karma: 0
Hi
There is a problem with IE7 with your code on my site so i reverted it back.

I kindly need the main items will be in the same color of the Hover items
very similar to tambour.co.il

I sent you my administrator password to the mail info@ari-soft.com

I appreciate your help very much!
maorlast
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 12
ARI Soft Forum
Joomla components
ARI YUI Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009