Documentation | Color life Admin Panel

"Color life Admin Panel" Documentation by "Lavrinyuk Dmytri"

### Color life Admin Panel a full featured Admin Skin

Created: 06.01.2012
By: Lavrinyuk Dmytri
Email: dimasrap5@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here Thanks so much!

### A) HTML Structure - top

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a section with an id of "content". The general template structure is the same throughout the template. Here is the general structure.

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

    	#content a {
    		color: #someColor;
    	}

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

    	#wrap #content a {
    		color: #someColor;
    	}

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

### B) CSS Files and Structure - top

I'm using two CSS files in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

The second file contains all of the specific stylings for the page. The file is separated into sections using:

    	/* Header Section */

    	some code

    	/* Main Section */

    	some code

    	/* Sidebar Section */

    	some code

    	/* Footer */

    	some code

    	etc, etc.

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.

It is also used in the template css file login.css (which is used on the login page in the admin panel) and the other css files from the javascript plug-ins.

### C) Plugins - top

This theme imports are three types of Javascript files.

- jQuery
- Some plugin
- The file contains the settings for all plugins

1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
2. Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.
   Functions.js file contains all the settings of other plugins.
1. jQuery UI - is a JavaScript library that provides abstractions for low-level interaction and animation - documentation

Acardion - documentation

Tabs

2. Validate Forms - documentation

3. WYSIWYG Editor jQuery - documentation

4. Charts - documentation

5. FullCalendar - documentation

6. jQuery Data Tables - documentation

7. Fancybox - documentation

8. TipTip jQuery Plugin - documentation

9. elFinder - documentation

10. HTML5 Player - documentation

11. Step By Step Wizard - documentation

12. SliderNav: iPhone Style Contact Lists Using jQuery and CSS - documentation

13. jGrowl – jQuery plugin for displaying messages - documentation

14. Autotab: jQuery auto-tabbing and filter plugin - documentation

15. Color Picker - jQuery plugin - documentation

16. Validate Login Form - jQuery validationEngine: Extended jQuery form validations - documentation

17. Menu sidebar - documentation | demo

18. jQuery dialogs & Confirn Dialog - documentation | demo

### D) Note - top

On the pages of errors are using a different background. For it is registered css "class page-error".

    	<body class="page-error">