FOCPRESS

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 37: Change with your twitter username for tweet integration (ex:google). And line 38 use to set end date for countdown (ex: 01/01/2013).

    <!-- Javascripts Main Settings Set -->
	<script type="text/javascript">
	var username	= "google"; // Twitter integration username
	var date 		= new Date("01/01/2013"); // 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.

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).