File size: 6.17Kb
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>ASTRHOST - WHMCS & HTML Responsive Domain & Web Hosting Template Documentation</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
body{font-family: 'Source Sans Pro', sans-serif;}
</style>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
</head>
<body>
<div class="container">
<h3 class="center alt">“ASTRHOST” Documentation by “Coodiv” v1.0</h3>
<hr>
<h1 class="center">“ ASTRHOST - WHMCS & HTML Responsive Domain & Web Hosting Template ”</h1>
<div class="borderTop">
<div class="span-6 colborder info prepend-1">
<p class="prepend-top">
<strong>
Created: 13/06/2017<br>
By: coodiv<br>
Email: <a href="mailto:nbames.mohamed@gmail.com">nbames.mohamed@gmail.com</a>
</strong>
</p>
</div><!-- end div .span-6 -->
<div class="span-12 last">
<p class="prepend-top append-0">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 <a href="https://themeforest.net/user/coodiv">here</a>. Thanks so much!</p>
</div>
</div><!-- end div .borderTop -->
<hr>
<h2 id="toc" class="alt">Table of Contents</h2>
<ol class="alpha">
<li><a href="#htmlStructure">HTML Structure</a></li>
<li><a href="#cssFiles">CSS Files and Structure</a></li>
<li><a href="#social">Social Icons Setup</a></li>
<li><a href="#contact">Contact Form Setup</a></li>
<li><a href="#whmcs">Install of Whmcs Theme</a></li>
</ol>
<hr>
<h3 id="htmlStructure"><strong>A) HTML Structure</strong> - <a href="#toc">top</a></h3>
<p>thist theme have two version (html & whmcs) both of them it's multipage, <b>the HTML Structure Have a good comment</b></p>
<img src="assets/images/htmlstructure.png" alt="HTML Structure" />
<hr>
<h3 id="cssFiles"><strong>B) CSS Files and Structure</strong> - <a href="#toc">top</a></h3>
<p>I'm using tow Costum CSS files in this theme. The first one is a generic mais css fille (style.css) file. The file havr 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, and contains all of the specific stylings for the page ,and the seconde fille (responsive.css) it's for the responsive of the template . The main file is separated into sections using:</p>
<pre>
1. General Styles ('line:47');
2. loeader Styles ('line:68');
3. megamenu Styles ('line:180');
4. header login Styles ('line:297');
5. header Styles ('line:389');
6. header animation Styles ('line:495');
7. logo Styles ('line:809');
8. nav Styles ('line:867');
9. btn Styles ('line:932');
10. domain search Styles ('line:963');
11. fetures Styles ('line:1122');
12. hosting plans Styles ('line:1284');
13. facts Styles ('line:1711');
14. blog Styles ('line:2048');
15. footer Styles ('line:2038');
16. social icons Styles ('line:2479');
17. not index Styles ('line:2726');
18. hosting page Styles ('line:2738');
19. about us page Styles ('line:3046');
20. domain search page Styles ('line:3358');
21. 404 not found page Styles ('line:3755');
22. blog page Styles ('line:3794');
23. blog post page Styles ('line:3899');
24. contact us page Styles ('line:4007');
</pre>
<p>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.</p>
<h3 id="social"><strong>C) Social Icons Setup</strong> - <a href="#toc">top</a></h3>
<p>You can add social networking links and icons in a very easy way <b>in HTML Structure you will find "SOCIAL ICONS" comment</b>
<br>
You can add links and save ,and you can add new social icons from <a href="http://fontawesome.io/icons/">fontawesome</a>
</p>
<h3 id="contact"><strong>D) Contact Form Setup</strong> - <a href="#toc">top</a></h3>
<p>the html template has ajax contact form and you can setup this form in very easy step
<br>
just go to <b>main folder</b> and open mailer.php, then go to line <b>20</b> and remplace "hello@example.com" and put Your email there.
</p>
<h3 id="whmcs"><strong>E) Install of Whmcs Theme</strong> - <a href="#toc">top</a></h3>
<p>You can install the template in a very easy way , just copy Contents folder "whmcs" and past it in template folder in whmcs script And do the template from the admin panel</p>
<hr>
<p>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.</p>
<p class="append-bottom alt large"><strong>Nedjai Mohamed</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr>
<hr class="space">
</div><!-- end div .container -->
</body>
</html>