Skip navigation

Dreamweaver

Danzy007 Calculating status...

Currently Being Moderated

vertical menu design

Jun 20, 2012 5:01 AM

i need someone to help me figure out in dreamweaver cs3 how to create a vertical menu designed the way the vertical menu for "Templates Types" was designed at this url: http://template.dreamweavertutorial.co.uk/

473 Views 4 Replies Latest reply: Nancy O., Jun 20, 2012 10:20 AM

Replies

Currently Being Moderated

1. Ken Binney,

Jun 20, 2012 5:37 AM in reply to Danzy007

Report

That is a somewhat advanced use of CSS sprites utilizing this background image
http://dreamweaverwebsite.net/images/dwtemp/btns/mainsprite.png

If you are unfamiliar with sprites, Nancy has a tutorial here:
http://alt-web.com/DEMOS/CSS-Sprites-II.shtml

There are simpler ways to produce the look.

|
Mark as:
Currently Being Moderated

2. Danzy007,

Jun 20, 2012 6:44 AM in reply to Ken Binney

Report

THANKS kEN, but the tutorial does not show how to make the edges of css curve thats when producing the parent div and still doesnt show how to produce the line between items effect. i need it to be exactly the way the one at dreamweaver tutorials websute looks

|
Mark as:
Currently Being Moderated

3. Ken Binney,

Jun 20, 2012 8:41 AM in reply to Danzy007

Report

Please put what you have so far on your server and post a link.
If you don't have hosting yet, get some for the best help we can offer.

The container styling is a combination of CSS selectors/attributes for margins, padding and borders.
If you are new to rounded corners, they arer also covered among Nancy's demos:
http://alt-web.com/DEMOS/CSS-Rounded-Corners.shtml

|
Mark as:
Currently Being Moderated

4. Nancy O.,

Jun 20, 2012 10:20 AM in reply to Danzy007

Report

Some links below to help you get started:

CSS Lists
http://css.maxdesign.com.au/listamatic/index.htm

CSS Borders
http://www.w3schools.com/css/css_border.asp

CSS Border-radius generator
http://border-radius.com/

CSS Gradient generator
http://www.colorzilla.com/gradient-editor/

CSS Box Shadow generator
http://css3gen.com/box-shadow/

Nancy O.

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver

vertical menu design

Jun 20, 2012 5:01 AM

More Like This

Bookmarked By (0)

Answers + Points = Status