PHP scripts and programs for Beginner to Master

php programs, php ready to use scripts & functions, css tutorials, html, javascripts, ajax examples for Beginner to Master

Hi,

Today i will be showing you how to create a simple 1 level vertical navigation menu with the help of css.
It is very easy and same like the 1 level horizontal navigation menu.

So lets start,

For this we will be using one image


first we will create a simple code to display "unordered list" with ul and li 





So now our display of the ul will be like this



Now we will apply our css to this ul



After applying this css our menu will look like this



Full code of the vertical menu with css is as, just copy and paste it, and modify links and its over.



I'm reading: Simple css 1 level Vertical navigation menuTweet this!

0 comments:

Post a Comment