Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Help creating a menu box

Status
Not open for further replies.

dthomas31uk

Technical User
Oct 19, 2003
107
GB
Hi, Guys.

Does anyone know of any tutorials around that can help me create the green menu box on this webpage


Think it looks great and would love to have a go at creating one.

Cheers guys
 
It is a div created in CSS with the green box as a background image and then text links styled in CSS stacked vertically.

Keith
 
Yeah I know. But wanted to know how the box was created in photoshop....h
 
I would suggest starting with the rounded rectangle tool, then use the different pathfinder tools to add/subtract shapes from it. Look up "To draw multiple shapes in a layer" in Photoshop help.

You may have to use the pen tool at some stage, and possibly the direct selection tool too (the white arrow) to adjust individual points.
 
Sorry you didn't mention what you were finding a problem.
It looks like a washed out, bevelled box to me.

Keith
 
I'd guess an Inner Glow rather than bevel, as the shading is even all the way around. The default blending mode of Screen would have to be changed though...
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top