### “OnoCode Dashboard” Documentation by “Stefan Pejcic” v1.0

# “OnoCode Dashboard”

Created: 25/04/2015
By: ONOCODE
Email: mail@onocode.com

Thank you for purchasing my script. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

## Table of Contents

1. HTML Structure
2. CSS Files and Structure
3. JavaScript
4. Sources and Credits

### A) HTML Structure - top

This is a small script (less than 200kb) and has just one html file. Here is the general structure.

Editing this file you can set the website title, changing the following:

    	< title>OnoCode Dashboard< / title>

To change the menu items, links and icons change this:

    	< li>< a href="#" >< i class="entypo-picture" >< / i >Media< / a>< / li>

Change "#" with the link (example: index.html, about.php, somepage.htm etc.)

Change "entypo-picture" with the name of the entypo icon you want to use (go to http://weloveiconfonts.com/ and scroll down to "entypo").

Change >Media< with the name of the menu item you want (you can use any word from the dictionary or make your own).

### B) CSS Files and Structure - top

I'm using two CSS files in this script. The first one is "normalize.css". Do not edit this!

The second file is "style.css". Everything you want to change you should do in this file! The file is separated into sections using:

    	/* entypo */

    	this controls the entypo-icons

    	/* body */

    	this is used for setting the hight to 100% and everything under this tag/section

    	/* navigation */

    	this controls the menu size, background color, text algin, size and color
    	as well as the toogle and list function

    	/* wrapper */

    	controls the wrappers background, position and height

    	/* header */
    	setting the default header settings

    	/* workspace */
    	styling the "workplace" (in this case its some dummy lorem ipsum text)

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

### C) JavaScript - top

This theme imports three Javascript files.

1. jQuery
2. index.js
3. Modernizer.js

1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
2. Modernizer.js is used for "look", and I'm using index.js to toogle the menu bar.

### D) Sources and Credits - top

I've used the following files as listed:

- normalize.css v3.0.2 | MIT License | git.io/normalize
- jQuery JavaScript Library v1.11.2 | MIT License | http://jquery.com/
- Sizzle CSS Selector Engine v2.2.0-pre | MIT License | http://sizzlejs.com/

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this script. No guarantees, but I'll do my best to assist.

Stefan Pejcic

Go To Table of Contents