By debaditya80 on

I am in urgent need for a quick solution. Kindly help.

I want to have menus (primary and secondary links) as images. The menus should appear as images instead of text which is the default format. Kindly supply the detailed steps and code (if any required) to achieve the task. The version of Drupal I am using is 5.1. I have gone through some blogs and articles but are not convincing and moreover failed to achieve the task. There are less articles/discussions related to this topic. Can someone kindly help me AEAP.

Regards,
Debaditya Ghosh
Email: debaditya_ghosh@yahoo.com
debaditya80@rediffmail.com
debadityaghosh@hotmail.com

⋅ Categories: Drupal 5.x

Comments

dsnoeck’s picture

dsnoeck commented

Hello Debaditya,

In my case, I use a background image displayed with the CSS. Here is my code:

#primary_links ul li a {
  background: transparent url(images/bg_interiorTab_off.gif) no-repeat scroll left top;
  border-color: #BBCBFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  padding: 7px 9px;
  position: relative;
}

I have specific parameter in this code that you can adapt to your need. But the important point is: " background: url(path/to/your/image.gif); "

Hope that will help you.

Cheers,
Damien
----------------
Keep Open Spirit

- Damien
:: Keep Open Spirit ::

Trihimbulus’s picture

Trihimbulus commented

Wow- I have been looking for a way to do this for a while now. What file do I need to add the above code into?

Trihimbulus’s picture

Trihimbulus commented

Wow- I have been looking for a way to do this for a while now. What file do I need to add the above code into?

dsnoeck’s picture

dsnoeck commented

Sorry to answer you only now. But I think you have found the file yourself. It's the style.css file.
Remember, if you are creating a new design, it will be better to copy-past the folder which contain you theme into site/all/themes/your_theme/ and here modify the style.css file.

Cheers,
Damien
----------------
Keep Open Spirit

- Damien
:: Keep Open Spirit ::

mani.atico’s picture

mani.atico commented

Maybe it's a little late... but I arrived to this post in a google search (drupal image menu) beacuse I had the same problem, so I guess many people visit this post looking for the answer... although I don't know if this works for primary or secondary links.

Check out this link:
http://drupal.org/node/110199

Hope it helps,