Joomla Main Menu Images Module
This module enables you to create a main menu with images only.
Funnily enough, we were recently doing a site and realised that you if you choose to display images in the main menu, you still get the text content of the menu. To have you main menu display images only, you need to perform a small hack on the main menu module. The original main menu module has been changes slightly to create this module.
Download
Installation
To install the module, simple go to Installers > Modules, choose the file you have downloaded above and click on the upload and install button.
Compatibility
There are two versions of this module, one for Joomla 1.5 and one for Joomla 1.0.
Configuration
Configuration of the module is done via Modules > Site Modules. Click on the Joomla Main Menu Images item, and you will see a screenshot similar to the one below. It is basically the same as the mainmenu module, with the Show Menu Icon choice selected by default.
Example Setup
Configuration happens in three steps.
1. Upload the images you want to use to the stories folder via the Media Manager
2. Click on the menu which you want to replace with main menu images
3. Choose the picture you want to diplay from the images you have uploaded in the Menu Image parameter
4. In the Module Parameters (Modules > Site Modules > Joomla Main Menu Images) choose the menu you want to display in the module.
The end result after you do this for each menu item is the following:
Screenshot
Please do vote for us or write a small review on the Joomla Extensions site if you like this module
Change Background On Mouse Over
Changing the image when passing the mouse over the image is not strictly possible (currently). However, to achieve a similar effect, it is possible to change the background of the image using CSS.
The following is an example:
li.item55:hover {
img:url(/images/stories/otherbackground.jpg);
}
The above entry in the stylesheet will create an effect on the li with class "item55" will achieve the on mouse over background effect. You'd need to create an entry in the stylesheet for each menu item which you want this effect on.
Support
Please post to the forums of you need help in configuring the module.
Do you like this module? - Buy me a beer (€3)
If you liked this module, please consider buying me a beer Every drop counts! No guarantees that any donations will be spent on new development rather than beer, though every effort will be made to spend all donations on new developments
Thanks goes to hiveminds for this hack.
|