LinedUp
Coming Soon Responsive Template
Thank you for purchasing this theme. If you have any questions simply use themeforest comments section to communicate with us. Please check out this documentation before posting your questions.
Bear in mind that questions added through themeforest comments module can be helpful for other people who purchased this template just like they can be helpful for solving your problems.
Thanks once again!
PSDXHTML
About the template
Welcome!
This coming soon template is a single page HTML5 theme armed with some cool features and options - built with standard Less edition of Bootstrap from Twitter.
For successful editing you should know basics of the HTML5 and LESS/CSS specifications. you should know basics of Bootstrap Framework from Twitter if you want to make some bigger changes. Also basic knowledge of jQuery library would be recommended if you would like to change behaviour of any element builtin this template.
This template has .php extension due to contact form implemented in Contact section and newsletter form which can be found in Subscribers section.
LinedUp Coming Soon Template comes in 5 color variants - blue (default), light blue, black, red, violet. Navigate to images/backgrounds/ to check out the backgrounds. If You want to make your own colors then use patterns.psd source file to generate your own images.
Things you really need to know
Please do not skip this section before submitting questions about making changes in template.
LinedUp Coming Soon template was created with:
-
LESS CSS - http://lesscss.org/
CSS was created with LESS so if you would like to make changes in styling you will need to open css/style.less file and make changes in it and then compile this file to css/style.min.css.
If you work on windows then one of the best and free solutions for working with LESS files is: http://wearekiss.com/simpless. For other platforms please search Google for "Less css compiler".
All Stylesheets are minified to enhance the loading time of template so please remember to use minify option after making your changes.
-
Bootstrap from Twitter
We used standard 12 column LESS version of Twitter Bootstrap so remember to look in libs/bootstrap folder if you like to make changes. Also remember that subscription admin panel uses the same instance of Bootstrap.
-
Tweet!, an unobtrusive javascript plugin for jquery.
This plugin can be found in: libs/jquery.tweet.js. Configuration of this plugin is in: libs/custom.js (line 141). It's main goal is to present last 3 twitter messages in Socialize with Us section.
-
Whole configuration of non-standard plugins etc. is located in libs/custom.js file - look for comments to locate code that you want to edit.
-
Configuration of contact form is located in: libs/sendmail.php - only thing you really need to edit is e-mail address located at line 4 - $sendto variable.
-
Google Map configuration is in: libs/google-map-config.js file - only thing you need to edit is LatLng values:
var myLatLng = new google.maps.LatLng(40.731129,-74.201961);
-
Countdown plugin - configuration is located in libs/custom.js on line 133 - change the date: "17 may 2013 12:00:00" to something that fits your needs.
-
Subscription form is located in libs/subscribe folder.
For more information about configuration please check out the Basic setup section of this documentation.
Server side requirements
LInedUp Coming Soon Template has some basic requirements:
-
PHP and mail() function
Contact form sends e-mails using mail() function so without this function available on your server you wont be able to receive e-mails from people that will visit your website.
-
MySQL database
Newsletter form uses MySQL database to store the e-mail adressess. It is a lot safer solution than storing e-mails in some random file name on web server and this was the only reason we decided to go with MySQL.
Basic setup
Things you need to do for successful configuration of LinedUp.
-
Connect to your FTP server and upload all files from the html folder to your server. If you dont have any FTP manager then I recommend the Filezilla or Total Commander.
-
Once the files are in place navigate to your hosting control panel and locate a tool for MySQL database management - one of the most popular is phpmyadmin.
-
Create new database and user that will have full permissions for operating on that database.
-
Import the newsletter.sql file to your database - it will create "emails" table where all e-mails will be stored.
-
Open libs/subscribe/config.php file and define (simply edit current values in quotes):
-
Password that will be required for successful logging in to admin panel (admin is a default password)
-
Database host
-
Database user
-
Database password
-
Database name
-
Open libs/sendmail.php and change the $sendto = 'youremail@example.com'; to your desired e-mail address where all e-mails will be send by contact form.
-
Open libs/custom.js and navigate to line 133 where you will find: date: "17 may 2013 12:00:00" - and change it to date when your website will be ready. Clocks on the main page will adjust. You can also define an additional callback function.
-
Open index.php and navigate to line 99 - change the data-percentage value to adjust the progress bar animation.
Subscribers management
LinedUp allows you to export all of your subscribers to a CSV file.
To access this feature navigate to http:///www.yourwebsite.com/libs/subscribe/admin.php
Enter password that you configured on top of the libs/subscribe/config.php
Hit the Export to CSV now! button to export all of your subscribers to a CSV file or simply copy and paste all subscribers to your e-mail application.
Sources & credits
LinedUp Coming Soon template uses the following libraries:
Fonts used in this template are from Google Fonts library:
We've also included 2 PSD files:
-
coming-soon.psd - fully layered Adobe Photoshop CS6 project.
-
patterns.psd - pattern file which allow you to change the background color for this theme.
Conclusion
Once again thanks for purchasing this template. As I said at the beginning I'd be happy to help you if you have any questions regarding this theme. No guarantees, but I'll try to 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" forum.
Enjoy!
PSDXHTML
