Create multi level drop down menu in css

This is pretty simple to create a multi level drop down menu in css. But it’s true that it doesn’t have such flexibility that javascript have. And also the width of drop down section needs to be fixed, not flexible. Now a days css drop down menu is not widely used, but it is very useful to get clear concept of css inheritance. Let’s look at the code: Html chunks: [html] Home Has Submenu Has Submenu Submenu 1 Submenu 2 Submenu 3 Submenu 4 Submenu 2 Has Submenu Submenu 1 Submenu 2 Submenu 3 Submenu 4 Submenu 4 Submenu 2 […]

Continue Reading

You may also like

An easy tooltip plugin tutorial

This is a simple tooltip plugin. You have some parameter that you can use but not mandatory. This is very simple. Not a hot-&-sexy tooltip but you can work with it. Lets check the codes. HTML Code: [html] What is this?Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Open InfoSorry! You are not allowed to see this info. Please verify your username and […]

Continue Reading

You may also like

Create a dynamic image gallery using ajax, jquery and php (XML also)

This is a tutorial to create a dynamic image gallery using jQuery ajax and php mainly. To reduce burden, I added a normal script to read directory. In gallery.php file it will read the directory and will generate a xml file which will be thrown directly to the index file (actually ajax in index file will request to execute this file and read the generated the XML formatted data). A lightbox plugin is also used in this script. Let’s have a look: HTML: Portfolio CSS: {code type=css} *{margin:0; padding:0;outline:none} .clr{clear:both;} a{text-decoration:none;} @font-face{src:url(‘../fonts/Agency_FB.ttf’);font-family:agency;} body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000} ul{list-style-type:none;} h1, h2, […]

Continue Reading

You may also like