First of all you need to download the source.
The next step is to unzip all the files to your website. After that you need to grab the source code in the HTML and add to your site where you want to have the ribbon, and add references to the javascript files.
To enable the ribbon you just have to add this code snippet:
Paste
Cut
Copy
Date and time
Picture
Paint drawing
Find
Replace
Select all
Ribbon theme
Zoom in
Zoom out
100%
Word wrap
Measurement Units
$().ready(function() {
$().Ribbon();
});
The menu is built on ul lists, so to add new submenu items in the menu, just add a nested list and it will be added autmagically.
If you have any questions or comments, please let me know.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In fermentum, ante quis vestibulum dapibus, ipsum est faucibus nisl, eleifend blandit turpis risus nec risus. Ut ornare nibh nec orci ullamcorper a vulputate mi commodo. Phasellus euismod molestie magna at mollis. Ut adipiscing dapibus convallis. Ut nec luctus velit. Suspendisse bibendum ipsum nisi. Morbi velit leo, viverra nec malesuada sit amet, blandit vitae risus. Etiam quis mauris egestas leo faucibus scelerisque. Nam at purus ac odio egestas commodo. Cras viverra lacus sed libero tristique dictum. Suspendisse nec sem ante. Etiam nisl augue, molestie eu mattis at, dapibus pulvinar sapien. Integer vitae lacus erat. Curabitur vel neque nibh, vitae ultrices eros. Proin vulputate nisl ut lectus dictum quis consequat elit feugiat. In nulla nibh, dignissim et imperdiet quis, posuere at magna. Donec tincidunt felis et diam faucibus pellentesque.
Sed cursus euismod nunc, ac auctor ante tincidunt id. Fusce eu nisi id diam auctor vestibulum porta ac metus. Quisque sit amet lorem eget lorem vestibulum luctus non quis lacus. Suspendisse eu nisi non dolor cursus facilisis sit amet in lacus. Suspendisse faucibus urna ut eros molestie ut luctus risus dignissim. Maecenas facilisis volutpat accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla vestibulum massa sit amet sem mattis sollicitudin. Cras nec tellus justo. Fusce ornare venenatis auctor. Phasellus eu quam at ipsum dictum gravida. Mauris pretium, diam id eleifend varius, odio metus commodo lorem, sit amet tincidunt massa elit id dui. Nulla malesuada eleifend tristique. Aliquam erat volutpat.
Vivamus consequat magna vitae nisi feugiat a ultrices tellus semper. Maecenas vehicula, enim vitae elementum dignissim, est dui dignissim nisl, vel ornare erat diam sollicitudin felis. Praesent commodo rutrum eros, a vulputate sem ultrices id. Vestibulum facilisis volutpat mauris, eget convallis dolor tincidunt ut. Etiam ut placerat ipsum. Sed at metus eu augue tincidunt interdum. In accumsan sapien et felis commodo a vulputate nisi dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In tristique odio quis tellus condimentum quis mollis neque porttitor. Fusce ultricies pulvinar suscipit. Ut vitae diam ante. Vestibulum lacinia ornare odio, ut venenatis felis consectetur a. Morbi nunc mi, molestie ut fermentum non, vehicula non risus. Nam rutrum venenatis imperdiet. Aliquam euismod lacinia nulla, at volutpat nisi mattis in. Sed dolor augue, pellentesque non accumsan at, hendrerit at arcu. Aliquam ullamcorper fringilla tortor quis accumsan.
Ut sit amet risus leo, ac tristique augue. Nullam sit amet dui quis metus venenatis accumsan sed at tortor. Proin ornare bibendum elit, non euismod velit sagittis ac. Nunc ac tellus metus, sed feugiat magna. Fusce quis leo ut massa vestibulum commodo. Vestibulum non dictum libero. Nunc in dolor erat. Quisque placerat arcu et sem pulvinar ultricies. Aenean non diam in risus euismod congue eu vel nulla. Phasellus non ante ullamcorper diam pulvinar malesuada quis id est.
Aenean sapien ante, placerat vitae commodo vitae, suscipit id nisl. Donec nec erat sapien. Aliquam quis rhoncus turpis. Ut imperdiet tellus non orci facilisis facilisis. Proin vitae venenatis felis. Duis metus metus, facilisis ut volutpat non, posuere eu ipsum. Quisque volutpat nisi ut justo viverra eu auctor metus commodo. Phasellus aliquet, urna at adipiscing tristique, leo augue tempus libero, eu luctus arcu erat sed diam. Sed in dui lacus, aliquet condimentum nisl. In hac habitasse platea dictumst.