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)


November 18th, 2007 at 6:27 am
good job
November 17th, 2007 at 8:15 am
nice job
November 17th, 2007 at 7:08 am
It is amazing this site. I want to usk if you can design for my SEO blog? How much will cost one blog design in XHTML CSS. Thanks and respect
November 17th, 2007 at 3:38 am
Excellent! It’s seem I need to subscribe to your feed. Thanks for sharing, photoshop work and css.
November 15th, 2007 at 5:36 pm
Thanks for sharing
November 15th, 2007 at 6:23 am
Thank you for this nice tutorial. I’ve used this method on my new website. It looks so good :)
November 11th, 2007 at 5:55 pm
this is a brilliant tutorial!
November 10th, 2007 at 10:31 pm
You job nick
November 8th, 2007 at 6:38 pm
Thanks Nick!
This was really cool!!
November 1st, 2007 at 6:23 am
Thanks heaps Nick! This really came in handy.