Difference between revisions of "Image only menu items with rollover effect"
From Joomla! Documentation
(roll over doesn't work) |
m |
||
Line 1: | Line 1: | ||
− | |||
I wanted to apply the roll over menu image as described in the post. But it doesn't work.... Can someone help me ? Maybe look in de php files from mod_main menu. Maybe I have made some changes incorrect. | I wanted to apply the roll over menu image as described in the post. But it doesn't work.... Can someone help me ? Maybe look in de php files from mod_main menu. Maybe I have made some changes incorrect. | ||
thanks ! | thanks ! | ||
Isabel | Isabel | ||
+ | |||
+ | |||
+ | Hey Isabel, | ||
+ | |||
+ | As shown in the example, if you want a rollover effect, you have to make sure you have the "a:hover" id for all of the "item##" in your list. | ||
+ | |||
+ | #pillmenu li#current.item28 a:hover { | ||
+ | background: url(../images/home-current-over.png) 0 0 no-repeat; | ||
+ | } |
Revision as of 16:59, 11 March 2010
I wanted to apply the roll over menu image as described in the post. But it doesn't work.... Can someone help me ? Maybe look in de php files from mod_main menu. Maybe I have made some changes incorrect.
thanks ! Isabel
Hey Isabel,
As shown in the example, if you want a rollover effect, you have to make sure you have the "a:hover" id for all of the "item##" in your list.
- pillmenu li#current.item28 a:hover {
background: url(../images/home-current-over.png) 0 0 no-repeat;
}