Overview

Thank you for purchasing jDropdown Menu
In this documentation you will find informations about how to use this menu, customize it, special features etc.

Hope you like it.
Enjoy!

Javascript - Top

This document takes advantage of a third party JavaScript framework called jQuery.

JAVASCRIPT FEATURES

You can change the "open" effect of the menu.

We have 2 effects: fade effect & slide effect

Also check the video to see how it works.

Get Adobe Flash player

CODE

This menu is formed from lists, ul, li , divs, columns.

Example homepage dropdown
				
			

<li><a href="#">Home page</a>
<div class="column_2" style="margin-left: 4px;">
<div class="column">

<img src="images/about.jpg" alt="about us" style="margin: 20px 0px 0px 10px;" />
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Copyright issues</a></li>
</ul>
</div>

<ul class="column">
<li><a href="#">Lorem ipsum text</a></li>
<li><a href="#">Dorem sid amed ipsum est</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Succidere est vita lorem</a></li>
<li><a href="#">Texting lorem ipsum</a></li><li><a href="#">Sid amet dorem upset</a></li>
<li><a href="#">Lorem ipsum text</a></li>
</ul>
</div>
</li>

Customization options

Option Properties Description
demo boolen - Default: false In demo files let dynamic select css color.
effect string - Default: '' Specify the menu effect of the open item. Set to either 'fade' or 'slide'.
notMenu string - Default: '.home' The CSS class or ID for the exclude element (include the # or . selector before the name).
duration.fadeIn init - Default: 300 The fadeIn duration effect.
duration.fadeOut init - Default: 60 The fadeOut effect duration.
duration.slideIn init - Default: 300 The slideIn duration effect.
duration.slideOut init - Default: 60 The fadeOut effect duration.

You can easily add columns, with images, lists, bullets, etc.

HTML - Top

HTML MENU

CSS Styles - Top

This HTML document links to a CSS file called style.css inside the css folder. The CSS document is properly commented to help guide and inform the user of the different sections.

There is also colorpicker.css and layout.css files

If you would like to change any color, you can take advantage of the new CSS RGB property. You may also use hex values instead of RGB. This document takes advantage of new CSS3 features such as border-radius.

-moz-border-radius: 2px 2px 0 0px; 
border-radius: 2px 2px 0 0px;

There are 5 custom color schemes , but you can also make your own color schema, using the color picker on the left.

You can preview the chosen colors & to get the color scheme code :

Additional Overview - Top

Menu width : 960 px

BONUS - PSD FILES

And STIKERS SET!

Icons via http://www.iconfinder.com/

Thank you again for your purchase and feel free to contact myself with any questions regarding this menu.

Creators - Andrei Dinca, Alexandra Ipate

Back To Top