Download & Extend

Adding CSS-classes to imagemenu items & Enhanced functionality in imagemenu: Create Image(s) with click-able areas as menus

Project:Imagemenu
Version:6.x-1.0
Component:Miscellaneous
Category:feature request
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

1. Suggestion for a patch to imagemenu

I'm using imagemenu strongly on a site I put together, using vertical and horizontal menus. My problem was that I couldn't get the vertical menu items displayed tight together.

Then I red the comment no. 8 of the issue "Gap between images in firefox". The infos in "http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps" explained very well the problem. That led me to the idea of defining
CSS classes and id's to each menuitem. So I could apply the CSS definition "display: block;" to every menu item and correct the gap problem. My vertical menus are tight together now. And I can define a lot more to the menu items like margins, paddings, etc., which is very convenient.

I'm not a programmer but managed to change the code in an easy way. See the attached files (Just strip the patched_ ....._.txt part of the filenames). This way the db-fields "id" and "class" are added. I propose a professional checks this, corrects it an adds the functionality to the imagemenu. I'd be very happy if somebody did this fast. I need it.

2. Enhanced functionality in imagemenu: Create Image(s) with click-able areas as menus

Point 1 gave me an idea of another usage of imagemenu. I need to have images in my website with click-able areas as a menu. (I do it now with Only local images are allowed. alt="... menutext..." USEMAP="#MAP" title="...menutext of this area..." src=".../path/imagefilename.gif..." ... />)
What about if in imagemenu I could define a background image. Then I create menu-items as usual, to be displayed on top of this background image. I could use the "Class" and/or "Id" to position each menu-item on the background image, where I want them. In a CSS-file I would have to define their individual positions like:

.menu-item1 {
left: 20px;
top: 50px;
}

.menu-item2 {
left: 40px;
top: 70px;
}

etc. But all other menu informations are held in the database and are accessible to manipulate.

This is just a rough idea of how to do it. But eventually it could be very easy to patch the imagemenu code to do it. Just I have no clue how to program it.

But I need the functionality myself urgently. So maybe somebody gets the puck and programs it.

Thanks anyway

Hp

AttachmentSize
patched_imagemenu.admin_.inc_.txt18.58 KB
patched_imagemenu.css_.txt1.45 KB
patched_imagemenu.install_.txt1.85 KB
patched_imagemenu.module_.txt18.4 KB

Comments

#1

Title:Adding CSS-classes to imagemenu items / » Adding CSS-classes to imagemenu items & Enhanced functionality in imagemenu: Create Image(s) with click-able areas as menus

#2

Status:active» closed (fixed)