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
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

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


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 Ext Menu

Background image on mouseover
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Background image on mouseover
#27893
Background image on mouseover 12 Years, 6 Months ago Karma: 0
Hello I would like to add a background image to the menu, as shown in the image. Not all menu items have the same width and therefore an image should be aligned to the left and onother image aligned to the right, for each menu item.

How to achieve this?

Regards
nfaustino
User Offline Click here to see the profile of this user
Last Edit: 2012/05/01 17:36 By nfaustino.Reason: image size too large
The administrator has disabled public write access.
 
#27903
Re:Background image on mouseover 12 Years, 6 Months ago Karma: 760
Hello,

Could you provide a link to a page where we can see menu and links to background images?

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#27945
Re:Background image on mouseover 12 Years, 6 Months ago Karma: 0
Hi.

The menu is in:
www.hotellamego.pt/2012/

Th image is in:

www.hotellamego.pt/2012/templates/hotellemgo/images/menubg-left-right.gif

Thanks.
nfaustino
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#27952
Re:Background image on mouseover 12 Years, 6 Months ago Karma: 760
Add the next CSS rules to "CSS Styles" parameter in module settings:

Code:

BODY UL#ariext107 LI A.ux-menu-link-level-0
{
 background: transparent url(templates/hotellemgo/images/menubg-left-right.gif) no-repeat right top !important;
 padding-right: 30px;
}

BODY UL#ariext107 LI A.ux-menu-link-level-0.ux-menu-link-parent
{
 padding-right: 44px;
}

BODY UL#ariext107 LI A.ux-menu-link-level-0>.ux-menu-arrow
{
 right: 30px;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#27954
Re:Background image on mouseover 12 Years, 6 Months ago Karma: 0
That's OK.

But I just wanted it to appear on mousevover and active links.
I need to increase the height of the menu also, to align the background at the top. Can you tell me in which file should I make this change?

Thanks and sorry for the inconvenience.

Regards
nfaustino
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#27956
Re:Background image on mouseover 12 Years, 6 Months ago Karma: 760
Information about menu HTML layout and CSS classes can be found here. It can be used to customize the menu.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
Joomla components
ARI Ext 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