Tigra Menu Product Family - Tigra Menu Product - rounded corners on menu items


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Menu Product Family » Tigra Menu Product » rounded corners on menu items

Last active: Never

Printable Version | Subscribe | Add to Favourites

careyb

Junior Member

Posts: 3
Registered: 6/3/2004
Member Is Offline

posted on 6/3/2004 at 07:13 PM

rounded corners on menu items

I'm trying (under duress) to get rounded corners on my menu items. Has anyone done this ? Preferably without using images.

I'm looking at http://www.fireandknowledge.org/archives/2004/05/22/rounded-corners-without-images-part-1
but I'm having trouble integrating it into the menus. Does anyone have any advice to offer?

Thanks

tigra

Administrator

Posts: 1976
Registered: 6/17/2002
Location: US, CO
Member Is Offline

posted on 6/21/2004 at 04:04 AM

use inner HTML feature: put table inside menu items with rounded graphics in left and right cells and put text in middle cell which can have either background of the same color as graphics elements or miltiplied background image.

Here is the example of the wrapper for Tigra Menu GOLD:

function wrap_blue (text) {
var res=[];
for (var i=0; i<3; i++)
res=['<table cellpadding="0" cellspacing="0" border="0"><tr><td><img src="img/blue',
(i?2:1),'_l.gif" width="8" height="23" border="0"></td><td background="img/blue',
(i?2:1),'_m.gif" style="font-face: tahoma, verdana, arial; font-size: 11px; font-weight: bold; color: #105D94" width="100%">',text,'</td><td><img src="img/blue',
(i?2:1),'_r.gif" width="8" height="23" border="0"></td></tr></table>'
].join('');
return res;
}

for free version you'll need to return one string instead of array of three. that was for graphical rollover effect.