Since I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu)
The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.
Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.
Demo: http://www.kriesi.at/wp-content/extra_data/kwicks_tutorial/kwicks_final.html
Download : http://www.kriesi.at/wp-content/uploads/files/kwicks.zip
No comments:
Post a Comment