Hellicious Created: 11/6/2009 By: Devilcantburn Contact Info: oblivion@devilcantburn.com Envato URL : http://themeforest.net/user/Devilcantburn 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. Thanks so much! With this template, you can make your personnal or business blog and portfolio. You got a : complete blog system with nice functions (bbcodes, search engine, categories and archives by month) : Portfolio in 2 display styles (grind or description) : About page and services : contact page ready to use in PHP version whith anti-spam Captcha system. : An admin system to change ...90% of the theme. The php version is ready to upload in your server. You just must to do some configuration in config.php into the includes folder. --TABLE OF CONTENTS-- A) HTML Structure B) CSS Files C) Javascript D) PSD Files E) PHP Explainations F) Installing the PHP version G) Installing the HTML version H) Ressources ---------------------------------------------------------------------------------------------------------- A) HTML Structure This theme is a fixed layout with 960px width. All of the information within the main content area is nested within a div with an id of "main". If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following: #main a { color: #someColor; } If you find that your new style is not overriding, it is most likely because of a specificity problem. Check inside the CSS file "IE6.css" to add some hack for I.E.6. With this theme, no more I.E. Hack necessary to add. DD_belatedPNG.js file allow IE6 to display transparency. 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 I'm using 5 CSS files in this theme. style.css => All the CSS for the template IE6.css => Hack for IE6 clearbox.css => CSS for clearbox effect (like lightbox). This is for the works page. For more visibility, the file is separated into sections using (style.css) : /* -------------------------------------------------------------------------------------- SMALL RESET */ some code /* -------------------------------------------------------------------------------------- HEADINGS */ 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. Normally, you don't need to change CSS in style.css All you need to change (if the settings are not in your way) is inside style.css in part /* ||||||||||| EDIT THIS PART WITH YOUR COLORS |||||||||||| line 87. -------------------------------------------------------------------------------------------------------------------------------- C) Javascript This theme imports 7 Javascript files. clearbox.js => for the gallery, lightbox-like shower DD_belatedPNG.js => Allow the transparency in IE6 easySlider1.5.js => Slider in home page (Author url : http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding ) external.js => To open link in _Blank window and make a code valid w3c. jquery.js => JQuery Librairy jquery.validate.js => To control field entries in forms (Author url : http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ) swfobject.js => Flash Player detection and embed (Author url : http://blog.deconcept.com/swfobject/ ) 1) JQuery 2) Some plugins 1) jQuery is a Javascript library that greatly reduces the amount of code that you must write. 3) In addition to the custom scripts, I implement a few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method. For example: ¥ easySlider1.5.js : $(document).ready(function(){ $("#slider").easySlider({ auto: true, speed: 500, continuous: true }); }); * *
* *
---------------------------------------------------------------------------------------------------------------------------------- D) PSD Files I've included 12 psds sliced with this theme: - about.psd - backgrounds.psd - bbcodes.psd - blog.psd - comment_icon.psd - Footer_bottom_icons.psd - homepage.psd - preview_background.psd - services.psd - showcase.psd - slider_promotion.psd - small_button.psd If you'd like to change the colors of elements or adjust the size of kind of elements. You'll see in the PSD, layers are named and grouped... All the psd are sliced and ready to generate your changes. ---------------------------------------------------------------------------------------------------------------------------------- E) PHP Explainations The Php version of this template, you just have to upload all files in "PHP version" folder on your server and create the database with the SQL files in "DOCS" folder to create the tables needed. After that , you can use your template. Like HTML version, edit the php files in your favorite editor. ---------------------------------------------------------------------------------------------------------------------------------- G) Installing the PHP version : PHP version/includes/ - config.php In this file, all the php functions are into. Connexion script, database informations, tables, functions for the date, bbcodes "home-made" but really easy to use... You must edit from lines 2 to 6 and 30 to 37. - Sendmail.php This is the script of the mail system. Edit your reply informations and customize a reply message at the lines : 41, 43 and 47 And it's done ! YOUR TEMPLATE IS BASICALLY DEFINE !! Now, the admin part... You can create the table in database manually with the "hellicious_tables.sql" file include in DOCS folder. By this way, you will need to connect you at phpmyadmin or other to configurate the information to enter in admin part... long way ! Create and change the rights on folders in 777 (blog, advertising, showcase and slider). If you forgot to give this 777 rights, records in database will be done but the preview image will not do upload... Or Edit includes/config.php and sendmail.php and use simply the "install.php" file include in root folder. Create your admin account (login and pass) and it's done ! YOUR TEMPLATE IS REALLY READY TO WORK ! What is in my admin part ? PHP version/CMS/ - index.php To logged you.. - verify.php Check if you are the admin or not... - categories.php To create the categories into the blog - add_article.php This is the file to add a post in your blog. Easy to use, nothing to change here. Write your articles with bbcodes and upload preview image. - modify_article.php To modify an article... - delete_article.php To delete an article... - advertising.php To manage the ads on your blog sidebar... until 6 ads. - background.php To change the background among 9 different colours... - categories_sc.php To create the categories into the showcase Choose the displaying for each categorie you create. Grind or Description - slider.php Upload a new slider image for the home page - edit_profil.php To change your website informations... - featured.php To display a new item in featured work block in the showcase - update_rss.php To generate the feed rss after post an article.. (automaticly doing) - zone.php Homepage of admin part Some php files are for the traitment of admin system... so i don't detail here what they do... Manage your template is really simple via admin part, you have just to fill the forms and uploads your showcase images, blog image and it's done... ****************************************************************************************************** NOTE : CREATE YOUR DIFFERENTS CATEGORIES IN BLOG AND SHOWCASES BEFORE TO ADD ARTICLE OR ITEMS !!!!!!!!! ****************************************************************************************************** ---------------------------------------------------------------------------------------------------------------------------------- G) Installing the HTML version : Edit all the files with your own informations in HTML editor. Upload the files on your server. ---------------------------------------------------------------------------------------------------------------------------------- H) Ressources : ------------------------------------------------------------------- : Font used : Logotype Highlander OS ITC Bolditalic http://ultradownloads.com.br/download-fonte/Highlander-OS-ITC-TT-BoldItalic/ Design Myriad Pro Family http://www.fonts.com/FindFonts/detail.htm?pid=427413&lang=EN ------------------------------------------------------------------- : Screenshots : Screenshots and preview image blog and showcase are from envato websites and some creation by myself. ------------------------------------------------------------------- : Other stuff : FLVPlayer is free flv player. http://www.platipus.nl/flvplayer/download/1.0/index.php ---------------------------------------------------------------------------------------------------------------------------------- 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 theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section. Devilcantburn