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?

Image hover
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Image hover
#40305
Image hover 11 Years ago Karma: 0
Hello,

I like the Ari Ext menu.. Wonderfull piece of work.

I have a question though..

How do i make a hover image for the #main container ?

and how do i assign an image to hover for all sub menu items ?




I have the background colors in place with this css:
Code:


.ux-menu-container
{
padding:7px;
 background: transparent url('ny/menuknap.jpg') repeat-x ; !important
z-index:90000;
}

 .ux-menu-link-level-0
{
  background: none transparent !important;
border:none !important;
}

UL.ux-menu-sub A
{
background: transparent
url('/images/cdr-grey-transp.png') repeat !important;
border:none;
}

The administrator has disabled public write access.
 
#40307
Re:Image hover 11 Years ago Karma: 748
Hello,

Send a link to a page where we can see the menu and a link to hover image.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#40327
Re:Image hover 11 Years ago Karma: 0
Website: broadcomm.co.zm/arcticimport.dk/ny/

Hover IMG Container (only 1px wide): broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg

Hover color submenu: #FFFFFF
The administrator has disabled public write access.
 
#40334
Re:Image hover 11 Years ago Karma: 748
Use the following CSS rules:


#topmenu .ux-menu LI A.ux-menu-link-hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;
}

#topmenu UL.ux-menu-sub LI A:hover
{
background: none #FFF !important;
}


Regards,
ARI Soft
The administrator has disabled public write access.
 
#40346
Re:Image hover 11 Years ago Karma: 0
Wonderfull.. Thank you !!

Now it only shows hover on the menu items that have sub menu's. How do i assign the image to all the other main menu items ?
The administrator has disabled public write access.
 
#40347
Re:Image hover 11 Years ago Karma: 748
Use the following CSS rule:

#topmenu .ux-menu>LI>A:hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;
}

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