create tab effect on apple website

[y2k1981]

I'd like to create tabs similar to those on the apple website but I don't know how to get the effect. I've done a search but now really come up with anything. can anybody help out on any tutorials they know of??

 

[TonyGroves]

I checked

http://www.apple.com,

but their home page doesn't render properly in Firefox, displaying raw Javascript and custom tags. Hmm ... if they can't get their website right ...

 

[y2k1981]

Thanks for your reply. I've taken a screen shot of the tabs from the site (don't know if that's legal or not) and uploaded it to :

http://www.geocities.com/nitramglobal/apple.jpg

Would you mind taking a look? I would like to be able to create something similar

 

[Eyespi20]

It's just a graphic of the tabs --you should be able to create it using your preset shapes (rounded rectangle for the tab and you can get as fancy as you like with cut outs and so forth and square or rectangle primarily for the file "folder") with the foreground (for the lines) set to a medium to dark brown and the background (for the "paper") set to a manila or cream or even a pattern. Put a close drop shadow (1 or 2 with opacity at 60% and color either black or a really dark shade of your color group) to help delineate each tab and make it "pop".

If you wanted different color tabs, you would make them accordingly.

You would put each tab shape on it's own layer with the folder shape on it's own layer, then move them to line up like you want. Then you would take your eraser and erase the bottom of the topmost shape so it blended with the folder base.

Use the text tool to write on each "tab" what it's for.

The trick to this is going to be to make one graphic for each tab representation and then on your webpage, you would have code to replace the image or head the page for the representative "tab". It should be easy to do if you've used a different layer for each tab as you would just move that layer to the top, save as "tab2.gif", etc.

Margaret

 

[lexus]

Looks perfect in Firefox to me!

**Quiquid latine dictum sit altum viditur.**

 

[TonyGroves]

It looks fine now. Must have been a temporary fault on the page.

 

[lexus]

Or a burp on your system....Happens a lot...Welcome to the wonderful world of computing, eh??

**Quiquid latine dictum sit altum viditur.**

 

[TonyGroves]

Thanks, but I've been here a long time ...

 

[lexus]

Cool! Me too..since 1998 I guess...

**Quiquid latine dictum sit altum viditur.**