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 29th, 2008 at 12:20 pm
thanks! Very good tutorial… Bunu mutlaka kullacağım.
January 28th, 2008 at 3:17 pm
good and clean job.thanks for share..
January 25th, 2008 at 2:15 pm
Very useful information. Thanks alot.
January 24th, 2008 at 6:36 pm
Excellent tutorial, I have been using CSS only menus for at least the last 18 months. I think it the way of the future, anyone still using JS outside of a closed environment should be shot.
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 :)