Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

definitive

macrumors 68020
Original poster
Aug 4, 2008
2,089
1,021
I want to implement some tabs on a page that I'll be building. At the moment I found the code that I'd need to implement the tabs, but I am unsure how I can go about modifying their theme. The tabs that I've found are located here:

http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

I'd like to know how I could change it to possibly have rounded corners (on the tabs, not the rest of the window), a drop shadow (at the bottom of the box), and possibly change the style of the tabs using images/rollovers instead of the plain single colors that the tabs have now.
 
For rounded corners you can use the border-radius property. It only works in newer browsers though. You can use box-shadow for that effect you want. Again, only newer browsers can do this. You could also use just a bottom border that makes it look like a shadow.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.