Actions

Talk

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.

  1. pillmenu li#current.item28 a:hover {
 background: url(../images/home-current-over.png) 0 0 no-repeat;

}