By Franko-2 on

I'm currently trying to customize the Marinelli theme to have rounded tabs for the primary links. I've noticed that Matteo (the designer) has done this on his own personal site. You can see an example of this at http://www.signalkuppe.com/

I've gathered that one way to do this is to implement the JQuerry and jQuerry EyeCandy modules along with the curvycorners plug-in. Is this the best way to implement the rounded corners, or is there another (cleaner or easier) way to do it?

Also, I have moved the tabs from above the header imge to just below the header image (right above the secondary link area). I'd like to make the whole string of tabs centered in the header, rather than flush right - I just haven't pinpointed the css that handles this yet.

Any thoughts or help would be greatly appreciated.

Thanks!
Frank

⋅ Categories: Drupal 6.x

Comments

hummus’s picture

hummus commented

Hi Frank,

I would like to know whether you've had any success with the issue you've brought up.

Thanks.

jchmura’s picture

jchmura commented

Not sure if it helps at this point, but it looks like Matteo used a CSS3 property called "-mod-border-radius" (found this out using Firebug). This property is specific to mozilla browsers, and there isn't an equivalent for IE browsers. There's some nice info on it at http://www.the-art-of-web.com/css/border-radius/

The following is the CSS as it appears on Matteo's site.

body #utilities #plinks ul li a {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

Hope this helps.

Jason