“PaperLaunch” Documentation by “Madalin Tudose” v1.0

“PaperLaunch”

Created: 9/Jan/2012
By: Madalin Tudose
Email: madalintudose@gmail.com

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to email via my email: madalintudose@gmail.com. Thanks so much!

Table of Contents

  1. Files and Folders
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP
  6. PSD Files
  7. Sources and Credits

A) Files and Folders - top

files
  1. fonts - fonts folder which keeps the custom font used in the template - Copse
  2. images - images used in the template, including "backgrounds" and "social" subfolders
  3. js - javascript files folder
  4. php - php files folder
  5. index.html - holds the html code of the template
  6. PIE.htc - PIE.htc makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.
  7. style.css - holds the styling code of the template

B) HTML - top

This template is based on a fixed layout and built using HTML5.

The file which contains all the HTML structure is index.html.

You can change the text from the template by navigating through the index.html file and localizing each line of text you want to change. For example, you can change the "This website is currently under construction" phrase with your own, and so on.

To change the logo, for example, open index.html, locate the line 22 and replace the address to the current logo(images/logo.png) with the address to your own logo.

C) CSS - top

style.css - Main stylesheet which includes all the styles of the template. It is located in the root folder of the template.

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.

How to change the background pattern:

The template is packed with 15 different patterns which can be used as background.

To change the pattern, locate the CSS line responsible for the background (line 121) and replace the current image "noise.png" with an image name from "images/backgrounds/" folder:

	body {
	font: 12px/20px 'CopseRegular', CopseRegular, Helvetica, Arial, sans-serif;
	background:url(images/backgrounds/noise.png) repeat scroll 0 0;
	margin:0;
	padding:0;
	color:#818181;
}
	}

How to change the buttons color:

You can choose from 9 colors how to customize the buttons of the forms. The current color is orange.

You can stylize the buttons by replacing from index.html, the 'orange' from class="orange" with: yellow, red, purple, green, blue, darkblue, white and black.

The lines which contains the color class in index.html are:

Line 51:  <input type="submit" name="send" value="SEND" id="submit" class="orange" /> 
Line 72: <input type="submit" id="ssubmit" name="subscribe" value="SUBSCRIBE" class="orange" />

D) JavaScript - top

  1. js/jquery-1.7.min.js - Jquery is a JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
  2. js/jquery.tipsy.js - Tipsy is used for social links tooltips.
  3. js/jquery.countdown.js - Countdown is used for the countdown of the template.
  4. js/jquery.placeholder.js - Placeholder is offering support for old browsers to recognize the 'placeholder' HTML5 tag inside the forms.
  5. js/jquery.jquery.subscribe.js - The code is animating the subscribe form when is used.
  6. js/jquery.jquery.contact.js - The code is animating the contact form when is used.
  7. js/custom.js - Implementation of the plugins listed above and custom javascript functionality code for PaperLaunch.

How to set the countdown date:

To change the date of the countdown, go to "js" folder and open "custom.js" file. Go to line 4 and change the current date with the date you want.

The date you need to change is inside the line 4:

Line 4: var austDay = new Date("January 28, 2012 00:00:00");

E) PHP - top

The template makes use of 2 php files, located inside the "php" folder.

  1. subscribe.php
  2. contact.php

These 2 files makes the template functional and are the ones which are sending to you emails with subscribers and contact forms.

To receive emails, the entire template needs to be uploaded to a server which supports either PHP4 or PHP5.

How to set up the subscribe form

To set up the subscribe form to send emails with the persons which are subscribing, open "subscribe.php" file and change the email from line 26 with your own email.

Line 26: $address = "example@example.net";

How to set up the contact form

To set up the contact form to send emails with the persons which are contacting you, open "contact.php" file and change the email from line 60 with your own email.

Line 60: $address = "example@example.net";

F) PSD Files - top

I've included 2 PSD files with this template:

  1. paperlaunch-home.psd
  2. paperlaunch-contact.psd

The PSD files reflects the image of the template, therefore, it would be very easy for you to change something in the template.

G) Sources and Credits - top

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.

Madalin Tudose, OurTuts.com

Go To Table of Contents