“Adminica | The Professional Admin Template” Documentation by “Oisin Lavery, Tricycle Interactive” v1.4
“Adminica | The Professional Admin Template” Created: February 2011 By: Oisin Lavery Email: [email protected]
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!
This help file is best used in conjunction with the Adminica online documentation site. Make sure to read this if you want a more comeplete understanding of how Adminica works.
Table of Contents 1. 2. 3. 4. 5. 6. 7.
B) CSS Files and Structure - top Adminica uses one main stylesheet all.css which imports a number of other stylesheets. I have implemented it like this to keep the head of the document clean and also to allow you to easily understand how it all works and make changes/tweaks if necessary. I would reccommend minifying all the stylesheets for the production version of your site. The most important css file is main.css, that holds the style to all of the layout elements. By default it gives Adminica a fluid width and a sidebar. To alter the base layout you simply add a different style sheet. To give it a fixed width and top bar, add the stylesheets layout_fixed.css and layout_top.css. The stylesheet theme_base.css gives Adminica its base black style and should always be included even if you want a different colour theme. Similar to the layout, to change the colour theme simply add theme and background stylesheets eg. for a brown theme with a wood background add the stylesheets theme_brown.css and bg_wood.css. Adminica 1.4 has an additional white theme. To apply it add theme_light.css after all.css
Note: It is really easy to create your own themes, simply duplicate theme_blue.css and look at the top comments. There you will find the main 5 colours which make up each theme listed. Simply find and replace those colours with your new colours in the newly duplicated file. Experimentation is the name of the game! This is a very flexible way of changing the layout and styles of Adminica. It also has the advantage of being very easy to understand what is going on. When you have decided what combination you want for your own site/application I would reccommend combining them into a single file to save bandwidth and cut load times. You can then remove the layout and theme stylesheets you don't need. All the other stylesheets (grid.css, ie.css, ie6.css, reset.css, text.css, jquerui.css) should be left alone as they are handling generic things like resetting default browser styles and laying out the layout framework.
D) PSD Files - top Adminica is mostly generated using CSS3 and so the PSDs do not cover everything. It does however include all the layers for: 1. The Adminica Logo 2. Dashboard Feature Box icons 3. Early version of Adminica Note: As previously described, to change the style of adminica, it's much easier to change the 5 colour values in the css theme files than saving images out of Photoshop.
Oisin Lavery - Tricycle Interactive Go To Table of Contents
Documentation to go here