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)


February 8th, 2008 at 6:01 am
thx for share
February 6th, 2008 at 4:51 am
great work i liked
February 4th, 2008 at 6:20 pm
thanks, it’s cool
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…