FOCPRESS

Complete Documentation

Thank you very much for purchasing from Focpress!

If you have any issue or question that this document does not cover, you can contact us via email kiwolhubpages@gmail.com.

Template Installation

You can run this site template by uploading and extracting the .zip file into your server, without the need to install a database. Only /html folder you need to upload to the server. In this folder consists of three folders, namely blue, gray and red. If you want to use a blue color template, you can simply upload a /blue folder to your server.

Template Content & Code

You can change the content of this template by looking at the following tutorial :

Steps:
  1. Extract the .zip file.
  2. Open the /html folder.
  3. In this folder consists of three folders, namely blue, gray and red. If you want to use a blue color template, you can simply upload a /blue folder to your server.
  4. And then open the index.html file with your code editor.

Code you must edit:

Head


line 6: Change with your site name title, line 8 change the content attribute with your company description text, line 9 change the content attribute with related keyword about your company, line 10 change the content attribute with your name.

	<!-- Your Basic Site Informations -->
	<title>The Mask Coming Soon</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="...." />
    <meta name="keywords" content="...." />
    <meta name="author" content="Focpress" />
   

JavaScript


line 38 use to set end date for countdown (ex: 01/01/2015).

    <!-- Javascripts Main Settings Set -->
	<script type="text/javascript">
	var username	= "google";
	var date 		= new Date("01/01/2015"); // countdown end date set
	</script>
   

Top


line 50: Change with your company logo (you can insert with image or text).

	<div id="logo_wrapper">
		<img src="images/logo.png" title="...." alt="...." />
	</div> <!-- end logo_wrapper -->
   

line 55-59: Change with your own social media urls.

	<!-- Social media lists -->
	<div id="social_media_wrapper">
		....
	</div>
   

line 64: Set the main title text.

    <div class="desc">
		<h3>....</h3>
	</div>
   

Main Base


line 96-107: Change with detail info about your site or company,

    <!-- One -->
    <div class="one">
   		<h3>Information Details</h3>
    	<label>Yahoo Messenger</label>
    	<span class="text">your_username@yahoo.com</span>
    	<label>Address</label>
    	<span class="text">Your complete address here</span>
    	<label>Telephone Number</label>
    	<span class="text">+627893749079</span>
    	<label>About Us</label>
    	<span class="text">
    		<span class="about">....</span>
    		<span class="about">....</span>
    	</span>
    </div>
   

Footer


line 135: Change with your site or company copyright.

    <!-- Footer -->
	<div id="wrapper_line_bottom">
    	<div id="footer_wrapper">© Copyright 2012 by Focpress. All Rights Reserved.</div>
  	</div>
   

font-face (CSS3)

If you want change the font with better style, you can download a free font package in http://www.fontsquirrel.com/fonts/bebas-neue, then choose the @font-face Kit tab and extract in /fonts folder.

Twitter Integration


To change the twitter username with your own, you can change $twitteruser variable value with your twitter id (in includes/get-tweets.php file):

    $twitteruser		= "envato"; // Change with your twitter username
   

Data Saved

All data about subcriber members & guest messages saved in /data folder. I use XML data format as a substitute for MySQL because I don't use any database. Your localhost or server must support with SimpleXMLElement to run this function.

/data/members.xml
Contains all data about your registered subcribers (the data used in XML format).

/data/messages.xml
Contains all messages from visitors who use the contact us form (the data used in XML format).