Getting Started
Click Here To Preview New Decorator HTML/CSS Components
The framework is being rewritten from scratch. A brand new modular and lighter angular.js supported version of framework and a new extensive and responsive documentation is coming soon at: Decorator.io For more info visit, star or watch at: Github Repo
Please note that all JavaScript plugins require jQuery to be included.
How To:
Step one is to include the main decorator.css file into your projects file head section. If you want to use ttf or spire icons you need to include those css files as well and those need to be included right below the main decorator.css file. Next step is to create a theme.css file and include that one below all of the main decorator files, you can now make all your changes in theme.css file.
Responsive Design:
After you've included the main decorator.css file it's easy to make your layout responsive, all you have to do is add "fluid" class to your layouts body tag. Your layout is now responsive. However, if you want your navbar to act as a responsive menu; then you have to follow few more steps: Step one is to include the jquery into your footer section right above where "body" tag ends. After that's done include dc.menu.js file that comes with decorator js plugins right below jquery. You can now call your navbar selector and add responsive menu to it by adding few more lines of code like in example shown below:
$(document).ready(function(){
$('.navbar').dcMenu();
});
Don't forget to wrap the code shown in example above into js script tags.
Examples:
Few examples included to get you started. Click on thumbnails to view live demo.