Solved

Create tabs like amazon..

Posted on 2004-09-27
2
1,542 Views
Last Modified: 2010-04-03
Hi there,

anyone know of a tutorial for either photoshop or illustator to enable me to create Tabs like the ones on amazon.

The tabs need to be along the top ... and which ever tab is selected then it is connected to the contents i.e. you can tell which tab is selected...

Looking for either a tutorial of how to connect the tabs and show which is active and not... I presume I will design tabs in Photoshop/illustrator and then SLICE these up.... The line just below the active tab I presume should be its own slice ....this i suppose  would be the trick to showing which is active and which are not

Any ideas or help would be really appreciated.

Ian
0
Comment
Question by:ianinspain
2 Comments
 
LVL 30

Accepted Solution

by:
weed earned 250 total points
ID: 12165314
Look at the way it was done at amazon..

http://g-images.amazon.com/images/G/01/apparel/apparel-tab-btm.gif is an unselected tab.
http://g-images.amazon.com/images/G/01/nav/personalized/tabs/welcome-on-whole.gif is a selected tab.
Just create two versions of each tab. One hilighted, and one unhilighted. Whatever page youre creating at the time, change the corresponding tab at the top to the hilighted tab image.
There's no magic here. Just change the corresponding tab to the hilighted version.
0
 
LVL 5

Assisted Solution

by:AntonioP
AntonioP earned 250 total points
ID: 12171057
Once you've created the images like Weed described, you can find a good web tutorial for CSS at
http://www.brainjar.com/css/tabs/

These examples are easier to follow that slogging through amazon's code.
0

Featured Post

Does Powershell have you tied up in knots?

Managing Active Directory does not always have to be complicated.  If you are spending more time trying instead of doing, then it's time to look at something else. For nearly 20 years, AD admins around the world have used one tool for day-to-day AD management: Hyena. Discover why

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question