![]() |
|
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!
This document takes advantage of a third party JavaScript framework called jQuery.
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.
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>
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. |
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 :
Menu width : 960 px
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