How to Create an Advanced CSS Menu
October 30th, 2007 Filed in: Tricks & Tips Jump to comments
A few people have asked me how did I create the sidebar menu on Web Designer Wall. Some people thought it was done by Javascript. Actually, it is just some basic CSS image replacement tricks. So I decided to write a tutorial on how to design and code an advanced CSS menu. Typically, a CSS menu either goes horizontal or vertical. In this tutorial I will show you how to utilize the CSS position property and place the menu buttons anywhere you want. It is a two-part tutorial (and don’t forget to Digg it):
- Part 1 - Design Watercolor Effect Menu (Photoshop)
- Part 2 - Advanced CSS Menu (CSS)


October 31st, 2007 at 7:07 pm
Great post! Thanks for the information. Your blog has been a great resource for myself over the past months. Danny.
October 30th, 2007 at 10:05 pm
Great job nick :)
October 30th, 2007 at 4:13 am
great post dude.
October 30th, 2007 at 3:55 am
Thanks for this nick… it is a great tutorial and will be trying it out soon !