SimplexDesign Template

Posted by Tung Thanh Ly Vietnam on Saturday, October 18, 2014 with 1 comment
http://www.thesimplexdesign.com/2014/07/simplexcreative-template-for-small.html 

1. To add logo and top navigation
  Edit the logo url and link in navigation bellow to your logo and links.
Pls note that all links to your label, category which have struction : http://blog url/search/label/ label _name...
must be add this code at the end "?max-results=6"
For examle http://blog url/search/label/blog?max-results=6

2.  To edit the header

Code:

<!---header -->
                            <div class='col-sm-12'>
                                <b:section id='header1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='logo' type='HTML'>
  <b:includable id='main'> 
                                            <h1>Hello! We are SimplexDesign</h1>
                                            <div class='lead'>
                                                <p>we love creative ideas and great designs.</p>
                                            </div>
                                            <div class='divide60'/>
                                        </b:includable>
 
 
3.  To edit the main slider
 
<!---Slider -->
                            <div class='col-sm-12'>
                                <b:section id='slider' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='slider' type='HTML'>
  <b:includable id='main'>    
                                            <div class='ei-slider' id='ei-slider'>
                                                <!--large images go here-->
                                                <ul class='ei-slider-large'>
                                                    <li>
                                                        <img alt='image06' src='http://3.bp.blogspot.com/-OgALPxjVyE4/U7gsjg2wXFI/AAAAAAAAAKo/hV9sdl6YGx8/s1600/1.jpg'/>
                                                        <div class='ei-title'>
                                                            <h2>Passionate</h2>
                                                            <h3>Seeker</h3> 




4. Under the slider is advertisment blocks
 
<div class='text-center services-1'>
                                <div class='col-wrapper'>
                                    <div class='icon-border bm15'> <i class='icon-picons-lab'/> </div><h5 class='upper'>Magic Touch</h5><p>Nulla vitae libero pharetra augue. Etiam porta malesuada magna mollis euismod consectetur sem urdom tempus porttitor.</p>
                                </div>
                            </div>
                        </div>
                                        <div class='col-sm-3'>    
                            <div class='text-center services-1'>
                                <div class='col-wrapper'>
 
 
5.  To edit Customer testimonial part
 
 <!---Customer testimonial -->        
                <div class='parallax' style='background-image: url(http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax1.jpg);'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>        
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>What our customers think</h3>
                            </div>
 You can edit customer testimonial in this code as you want. This url "http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax1.jpg" is background of customer testimonial part. You can change this to your background image.
 
 
 
6.  To edit key feature
 <!---Key features -->    
                <div class='dark-wrapper'>
                 <div class='container inner' style='padding-bottom: 0px;'>
                     <div class='row'>
                        <div class='col-sm-12'>        
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>Key Features of Simplex&#39;s templates</h3>
                            </div>
 
7.  Our process part
 
<!---Our process -->
                <div class='parallax' style='background-image: url(http://tlnap38wsaf2tcqwj2unvg2uq0.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/parallax2.jpg);'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>        
                            <div class='section-title-wrapper'>
                                <h3 class='section-title'>Our Process</h3> 
 
 
8.  To edit Call to action message
 <!---call to action -->
                <div class='dark-wrapper'>
                <div class='container inner'>
                    <div class='row'>
                        <div class='col-sm-12'>        
                            <div class='text-center'>
 
 
9.  To edit the post author at the end of each post
 <!--post author-->
                                                            <div class='about-author image-caption'>
                                                            <div class='author-image'>
                                                                <img alt='' class='avatar avatar-120 photo' height='120' src='http://1.gravatar.com/avatar/bb43b8611ea6edf1a25c2abdc0a7285f?s=120&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D120&amp;r=G' width='120'/>
                                                            </div> 
                                                            <div class='author-details vcard author'>
                                                                <h3>
                                                                    About the author
 
 
10.  To edit the sidebar :
 <!--sidebar-->
                                                        <aside class='col-sm-4 sidebar lp30'>
                                                            <div class='sidebox widget widget_search' id='search-2'>
                                                                <form action='/search' class='searchform' id='searchform' method='get'>
                                                                    <input class='search' id='s2' name='q' onblur='this.value=&apos;Search something&apos;' onfocus='this.value=&apos;&apos;' type='text' value='Search something'/>
                                                                    <button class='btn btn-default' type='submit'>Find</button>
                                                                </form>
                                                            </div>
 
11.  To edit footer link
<ul class='footer-menu pull-right' id='menu-footer-menu'>
                        <li><a href=''>Home</a></li>
                        <li><a href='/search/label/gallery?max-result=6'>Portfolio</a></li>
                        <li><a href=''>About</a></li>
                        <li><a href='/search/label/blog?max-result=6'>Blog</a></li>
 
 
12.

Usage

This template has two types of post, one is normal blog post
and the other is portfolio post
To make a post display as a normal blog post, just add label "blog" to its label list
And to make it display as portfolio post, add label "gallery"
 One post have must have one label "blog" or "gallery". If have no label "blog" or "gallery", the post cannot display. If it has both of label "blog" and "gallery", it will make error for all site.