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?

make active item background a gradient
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: make active item background a gradient
#46087
make active item background a gradient 11 Years ago Karma: 0
How can I make the background of the active menu item a gradient?
The administrator has disabled public write access.
 
#46092
Re:make active item background a gradient 11 Years ago Karma: 760
Hello,

You can read here how to create gradient background using CSS 3.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#46093
Re:make active item background a gradient 11 Years ago Karma: 0
i know HOW to make a gradient background, I've already got it ready to go what I don't know is WHERE to apply it in YOUR menu.. the element names are confusing to me.
Client also wants the arrows removed from the top level menu items
Last Edit: 2013/11/15 16:49 By N6REJ.
The administrator has disabled public write access.
 
#46099
Re:make active item background a gradient 11 Years ago Karma: 760
Do you use vertical or horizontal menu?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#46101
Re:make active item background a gradient 11 Years ago Karma: 0
horizontal
The administrator has disabled public write access.
 
#46113
Re:make active item background a gradient 11 Years ago Karma: 760
You can use the following CSS rule:

.yuimenubar LI
{
background: -moz-linear-gradient(top, #2F2727, #1a82f7);
/* add CSS properties for gradient background */
}

.yuimenubar UL
{
padding: 0 !important;
}

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