Thank you kindly for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to contact me via my ThemeForest profile.
To edit the 'Welcome Message', simply find the appropriate label <!-- introduction --> in the body of the HTML file named 'index.html'.
Replace:
<!-- introduction --> <div class="author">AN EX NIHILO TEMPLATE</div> <div class="intro"><a href="index.html">TOUCHDOWN</a></div> <span>fasten your seatbelts, we're taking off SOON</span> <!-- introduction end -->
With:
<!-- introduction --> <div class="author">Your Custom Introduction Text 1</div> <div class="intro"><a href="index.html">Your Custom Introduction Text 2</a></div> <span>Your Custom Introduction Text 3</span> <!-- introduction end -->
To set the 'Countdown Target Date', simply find the appropriate label <!-- countdown --> in the body of the HTML file named 'index.html'.
Replace:
$('div#clock').countdown("2014/05/05", function(event) {
With:
$('div#clock').countdown("year/month/date", function(event) {
To edit the real time live 'Twitter Feed', simply find the file named 'touchdown.js' placed in the folder named 'js'.
Open the file named 'touchdown.js' and find the appropriate label '// twitter ticker'.
Replace: username: "enihilo",
With:
username: "yourtwitterusername",
To link the 'Twitter Logo' to your account, simply find the appropriate label <!-- twitter ticker --> in the body of the HTML file named 'index.html'.
Replace:
<a class="logo" href="https://twitter.com/enihilo" target="_blank">Twitter</a>
With:
<a class="logo" href="https://twitter.com/yourtwitterusername" target="_blank">Twitter</a>
Twitter API 1.1 OAuth authentication process
[Step 1] Setup a Twitter Application
1. Visit https://dev.twitter.com/apps and sign in with your Twitter account username and password
2. Select 'Create a new application' and fill in the application form with the following application details:
- Name: e.g. 'yoursite.com'
- Description: e.g. 'tweet.js-mod'
- Website: e.g. http://www.yoursite.com/
- Callback URL: This field can be left blank
3. Enter the CAPTCHA and click 'Create your Twitter application'
4. Create your access token
5. Make a note of the 'Consumer key', 'Consumer secret', 'Access token' and 'Access token secret'
[Step 2] Authenticate the Twitter Feed
After creating your application, open the file named 'index.php' placed in the folder named 'twitter'.
Open the 'index.php' file and configure it with your OAuth credentials in the assigned slots below:
// Your Twitter App Consumer Key
private $consumer_key = 'YOUR_CONSUMER_KEY';
// Your Twitter App Consumer Secret
private $consumer_secret = 'YOUR_CONSUMER_SECRET';
// Your Twitter App Access Token
private $user_token = 'YOUR_ACCESS_TOKEN';
// Your Twitter App Access Token Secret
private $user_secret = 'YOUR_ACCESS_TOKEN_SECRET';
Save the edited 'index.php' file. Upload the entire 'twitter' folder on your web server.
Note for users of the previous releases of the template.
- Update your existing JS reference to 'jquery.tweet.js' and 'ticker.js' as shown below:
<!-- twitter ticker --> <script type="text/javascript" src="twitter/jquery.tweet.js"></script> <script type="text/javascript" src="js/ticker.js"></script>
- Replace the previous 'touchdown.js' file, placed in the folder named 'js', with the updated 'touchdown.js' file
To edit the 'Contact' page, simply find the appropriate label <!-- bar contact --> in the body of the HTML file named 'index.html'.
Replace:
<!-- bar contact --> <div class="bar-contact"> <span class="address"><a href="http://www.11-76.com/" target="_blank">ex nihilo, Inc.</a> | Touchdown Dr | [00] 11 - 76</span> <ul class="email-us"> <li><a class="envelope" href="mailto:you@yoursite.com"><span>Email</span></a></li> </ul> </div> <!-- bar contact end -->
With:
<!-- bar contact --> <div class="bar-contact"> <span class="address"><a href="http://www.yoursite.com/" target="_blank">Your Company Name</a> | Your Address | Your Phone</span> <ul class="email-us"> <li><a class="envelope" href="mailto:you@yoursite.com"><span>Email</span></a></li> </ul> </div> <!-- bar contact end -->
To edit the 'About' page, simply find the appropriate label <!-- about --> in the body of the HTML file named 'index.html'.
Replace:
<!-- about content --> <div class="about-content"> <p>Lorem ipsum dolor sit amet [...]</p> <p>Sed a luctus orci. Praesent ac arcu nunc, congue congue urna [..]</p> </div> <!-- about content end -->
With:
<!-- about content --> <div class="about-content"> <p>Your Custom Text, Paragraph 1</p> <p>Your Custom Text, Paragraph 2</p> </div> <!-- about content end -->
To edit the 'Services' page, simply find the appropriate label <!-- services --> in the body of the HTML file named 'index.html'.
Replace:
<!-- services list --> <ul class="services-list"> <li>Lorem ipsum dolor sit amet [...]</li> <li>Etiam non augue nisi. Fusce faucibus [...]</li> </ul> <!-- services list end -->
With:
<!-- services list --> <ul class="services-list"> <li>Your Custom Text, Paragraph 1</li> <li>Your Custom Text, Paragraph 2</li> </ul> <!-- services list end -->
To add images in the background of the template, simply find the file named 'supersized.3.2.7.bg.js' placed in the folder named 'js'.
Open the file named 'supersized.3.2.7.bg.js'.
Replace:
{image : 'images/background/1.jpg', title : '', thumb : '', url : ''},
{image : 'images/background/2.jpg', title : '', thumb : '', url : ''}
With:
{image : 'images/background/your-image-name-black-and-white-version.jpg', title : '', thumb : '', url : ''},
{image : 'images/background/your-image-name-color-version.jpg', title : '', thumb : '', url : ''}
You can use any size for a background image.
Please note;
Demo images are not included. Image placeholders are provided instead.
To add 'YouTube Videos' in the background of the template, simply find the appropriate label <!-- YTPlayer --> in the body of the HTML file named 'index.html'.
Replace:
<!-- YTPlayer -->
<a href="http://www.youtube.com/watch?v=IsLbFY7jG7s" id="bgndVideo" class="player {containment:'body', autoPlay:true, mute:false, startAt:0, opacity:1}"></a>
<!-- YTPlayer end -->
With:
<!-- YTPlayer -->
<a href="http://www.youtube.com/watch?v=youryoutubevideouniqueID" id="bgndVideo" class="player {containment:'body', autoPlay:true, mute:false, startAt:0, opacity:1}"></a>
<!-- YTPlayer end -->
Please note;
This template is designed to use YouTube videos as a background; however, ‘YouTube Video Background’ plugin doesn’t work on mobile devices, so the background image is added to compensate for it and it can be found by following its URL path: 'images/background/1.jpg'.
I will respond to buyers' questions via the contact form on my profile.
Support for my items includes:
Responding to questions or problems regarding the item and its features
Fixing bugs and reported issues
Providing updates to ensure compatibility with new software versions
Item support does not include:
Customization and installation services
Support for third party software and plug-ins
Social Links
To add links to your social networking accounts, simply find the appropriate label <!-- social media --> in the body of the HTML file named 'index.html'.
Replace:
With:
Use the same procedure for the rest of your social networking accounts.