Home » Forum
NoNumber!

Joomla!® Websites & Extensions
development  -  support  -  consultancy

I try to respond within 48 hours (excluding weekends).
If I haven't responded by then, feel free to post a reminder or bug me via email.
My last reply was: 2 Hours, 31 Minutes ago.

Welcome, Guest
Please Login or Register.    Lost Password?
NoNumber! Forum
Extension Support
CustoMenu

[SOLVED] Hover image on active menu item
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: [SOLVED] Hover image on active menu item
#555
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
Hello,

I don't want to have a active menu item in my menu. Now when a menuitem is active and you hover it with the mouse it won't show the image I selected to see if you hover.
I want to see the hover image always when I hover over the menu. active menuitem or not.
Is this possible to do?
Thanks in advance
Hilke
Posts: 9
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#556
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
I'll be adding some extra classes to next version, so thi will be easier.
But you can do something like this, instead of the span_hover styles:
div.customenu_default a:hover span span {
   background-image: url('/../images/menu_button_hover.png');
}
Peter van Westen
Admin
Posts: 9169
User Online NowClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#558
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
That doesn't work unfortunately.
I find it difficult to describe my problem because english isn't my first language.
I'll try it again because I think I didn't do it right.

I've got 7 menu items. They all have different images which I specified in the template of customenu.

They all have a different image when you hover over them. They change color.

Then I also specified the 7 active images.

So far so good. When I hover of the menuitems they change. Except the one which is active at the moment.
But for the layout I want that one to change as well when I hover over it.

When I look at the code I don't see this line at the active menu item
<span class="span_normal" onmouseover="this.className='span_hover'" onmouseout="this.className='span_normal'">

So that is what I want a possiblilty to hover the active item

Is that possible?
Hilke
Posts: 9
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#560
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
And does this work?
div.customenu_default a:hover span.span_link_1 span.span_active {
   background-image: url(hover_1.png);
}
div.customenu_default a:hover span.span_link_2 span.span_active {
   background-image: url('/hover_2.png');
}
...

If it doesn't, try adding !important, so:

div.customenu_default a:hover span.span_link_1 span.span_active {
   background-image: url('/hover_1.png') !important;
}
...
Peter van Westen
Admin
Posts: 9169
User Online NowClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#561
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
Wauw your quick. Thank you very much.

Unfortunately no luck so far.

If you have another idea......
Hilke
Posts: 9
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#562
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
Can you give me an online example?
Peter van Westen
Admin
Posts: 9169
User Online NowClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#563
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
My site is at http://www.haeckmedia.nl
The diamond on the left is the first button to home en the other 6 are the textbuttons next to that.
Hilke
Posts: 9
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#564
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
Well, I tried to add this for the second item, and it works:
div#mod_customenu a:hover span.span_link_2 span.span_active {
   background-image: url('/images/media_ro.png');
}

But if you don't want to use the active state at all, just do this to set the normal and hover state:
div#mod_customenu a span.span_link_2 span {
   background-image: url(images/media.png);
}
div#mod_customenu a:hover span.span_link_2 span {
   background-image: url('/images/media_ro.png');
}
Peter van Westen
Admin
Posts: 9169
User Online NowClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
#565
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
It works. Thank you very much for al your help!!!!
Hilke
Posts: 9
User OfflineClick here to see the profile of this user
The administrator has disabled public write access.
 
#566
[SOLVED] Hover image on active menu item 3 Years, 3 Months ago  
Geen probleem
Peter van Westen
Admin
Posts: 9169
User Online NowClick here to see the profile of this user
The administrator has disabled public write access.
Need to contact me directly? Go to my contact page.
If you use any NoNumber! extensions, please post a rating and a review at the Joomla! Extensions Directory.
Are you happy with the support? Please consider buying a License Code to help me to continue development and support.
  
Go to topPage: 1
NoNumber! Forum
Extension Support
CustoMenu
Moderators: Peter van Westen
MaxCDN | Content Delivery Network | Accelerate your site to the max
hosting joomla
Open Source Training | Online Joomla! Training and Support
Copyright © 2009-2012 - NoNumber! - All Rights Reserved - Terms of Service - Privacy Policy

NoNumber.nl is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.