How to created multicolored tabs for primery links?

Posted by Abhishek Anand on July 2, 2009 at 10:23am

Hello All,
I want to create a primary link with each tab having a distinct color(Also a rounded corner tab). I was wondering how this can be done. Can anyone help?

Comments

use nice menu for your primary links

Posted by vitthal on July 3, 2009 at 9:57am

Primary links don't provide classes for individual item.

Use nicemenu it will provide you a seperate id for every link item like this

<ul>
<li id="menu-1"><a href="#">...</a></li>
<li id="menu-2"><a href="#">...</a></li>
<li id="menu-3"><a href="#">...</a></li>
</ul>

here you can add the each link item with "id="menu-..." which is added by nice menu and you are done.

You can download the nice menu from here: - http://drupal.org/project/nice_menus

and for making rounded corner you can use below url you can learn creating rounded tabs here also in your case you will need to create multiple images for multiple color tab.

http://www.alistapart.com/articles/slidingdoors/

Hope this works

Vitthal Roonwal

Thanks Vitthal. It worked!!!

Posted by Abhishek Anand on August 12, 2009 at 9:01am

Thanks Vitthal. It worked!!!