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)


January 18th, 2008 at 6:19 am
Hey, that’s a great tutorial, thanks a ton for the article!!!
January 8th, 2008 at 3:31 am
Thanks ,you are awlays very helpfull…The world would be a better place if there were more of you :)
January 4th, 2008 at 3:46 pm
Very good tutorial…
January 2nd, 2008 at 5:01 pm
Good Job man, this is awesome.
December 28th, 2007 at 6:49 pm
Thank you very very much!! This helped me out with a website I am making.
Thanks again!!
December 21st, 2007 at 12:33 pm
Fantastic article. I intend to put some of these techniques to use on future sites :)
December 19th, 2007 at 10:38 pm
Thanks ,you are awlays very helpfull…The world would be a better place if there were more of you :)
December 14th, 2007 at 10:48 pm
i think i need to subscribe this feed… still learning ajax though =)
December 7th, 2007 at 9:36 pm
Cool
December 2nd, 2007 at 1:14 am
Nice one indeed. I can sure use that.