Free Website Templates - Yola Website Template

Free Website Templates - Yola Website Template 2
<< Free Website Templates

Yola Website Templates. Yola Template 2, do use yola? great copy the free template code below, the code has both the HTML and CSS Code all in one. Sign into your Yola Site builder go to style choose change style then free styles now scroll down till you find no frills and choose that style. Drag one HTML box and paste the CSS and HTML into the box then press publish. The template will now be on your site. Open your HTML Box and have a look at the codes, inside the codes are short tutorials on how to edit the site, only you can see this as its hidden and can only be seen when the site is edited. The 2 fading banner images can be changed and loaded to your site, background colour and text size can also be changed. Once you have designed your home page, copy that code and paste on your next page, edit the code to suite that page and so on. Don't forget to ad your links to the menu on each page. If you use the template I would like to see your site please post the link.

Copy The Code Below

var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose;
</script>

<link href="http://www.2createawebsites.com/resources/stylesheet.css" rel="stylesheet" type="text/css" />
  <div id="yola-style-sheet">    
<script type="text/javascript" src="http://www.2createawebsites.com/resources/style-sheet.js"></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.2createawebsites.com/resources/fadeslideshow.js"></script>  
  </div>
    <script type="text/javascript">
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21238923-2']);
  _gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

<div id="image-slide-show">
 
<script type="text/javascript">  
var mygallery=new fadeSlideShow({   
 wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow   
 dimensions: [950, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
      imagearray:  [     
      ["http://www.2createawebsites.com/resources/free-templates-image-1.jpg", "http://www.2createawebsites.com", "", ""],    
      ["http://www.2createawebsites.com/resources/free-templates-image-2.jpg", "http://www.2createawebsites.com", "", ""]// <--no trailing comma after very last image element!   
      ],
      
      displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},   
  persist: false, //remember last viewed slide and recall within same session?   
  fadeduration: 2000, //transition duration (milliseconds)  
  descreveal: "ondemand",
  togglerid: ""
  })
  </script>  
  <div id="fadeshow1">
   </div> 
       </div>

<div id="blackbar">
<p style=" background: #000000; padding: 0px; margin: 0;  height: 2px;  width: 950px; ">
 </div>

<div id="textcenter">
  <h2><strong>Yola Template</strong></h2>
  <p>Your website name goes above (replace yola template), your text will go here if you don't need the link then delete it. This site 
    will load super quick please optimise your images, that you replace on the fading banner.<br> Image size 950px × 200px.
  <a href="http://www.2createawebsites.com/" title="How To Create a Website"><u><strong>How To Create a Website</strong></u></a>.</p>
  <h3><strong>Yola Template</strong></h3>
   <p><strong>Free Yola Template 2</strong>. Copy the code on our website this is the CSS and HTML Code to your yola site builder, go to
    style on your yola site builder choose change style then free styles now scroll down till you find squeaky clean and choose
    that style. Paste the code you have copied and update, once updated
    you will have this page on your site builder. The background colour can be changed in the normal way, the background colour
    will be preset probably white if you would like the colour I have used then copy this code FFFFC0. To change the menu colours you 
    will have to edit the menu CSS.
   <br><br>The banner images can be changed, please resize images to the correct size to keep your site
   fast. This text will be replaced with your text, and when you ad a new page to your site copy the complete HTML and CSS Code 
   from your site once you have designed the first page and paste on a new 
   page and then edit that page, you will have to ad all your new pages that you build to the menu follow the example if you have a problem.
   <a href="skype:michael116844?call" target="blank">SKYPE</a> me and I will help, thanks Mike</p> 
   <h2><strong>How To Create a Website</strong></h2> 
   <p>There are more tutorials on how to edite the template in the code, you will see these tutorials when you look at the HTML and CSS Codes
   in your yola site builder html box, they wont be seen on the website only in the code. <br>Looking for more free templates visit 
   <a href="http://www.2createawebsites.com/free-website-templates.php" title="How To Create a Website"><u><strong>free website templates</strong></u></a>
     
<p><br><br><br></p>
<div id="bottom"><p style=" background: #000000; padding: 0px; margin: 0;  height: 40px;  width: 954px; ">
<div id="bottomlinks">
<center><a href="http://www.2createawebsites.com/"title="Yola Template Designed By" target="blank"onclick=gbar.qs(this) class=gd1>How To Create a Website</a><center>
</div></div></div>
  
<div id="menutop"><ul id="sddm">
<li><a href="http://www.2createawebsites.com/" onmouseover="mopen('m1')" onmouseout="mclosetime()">Create a Website</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
</div>
    </li>
<li><a href="http://www.2createawebsites.com/" onmouseover="mopen('m2')" onmouseout="mclosetime()">Create a Website</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
 </div>
</li>  
<li><a href="http://www.2createawebsites.com/" onmouseover="mopen('m3')" onmouseout="mclosetime()">Create a Website</a>
<div id="m3"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
 </div>
    </li>    
<li><a href="http://www.2createawebsites.com/" onmouseover="mopen('m4')" onmouseout="mclosetime()">Create a Website</a>
<div id="m4"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
  </div>
  </li>    
<li><a href="http://www.2createawebsites.com/" onmouseover="mopen('m5')" onmouseout="mclosetime()">Create a Website</a>
<div id="m5"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
</div>
</li></ul>
</div>

<div id="columnright">
 
<p style="border: solid 0px #000000; background: #ECECEC; padding: 4px; margin: 0; text-align: justify; line-height: 18px; color: #000000; font-size: 15px">
<a href="www.facebook" title="Find us on Facebook"><img src="http://www.webmikesites.com/resources/facebookIcon.jpg?" width="153" height="42"  alt="free templates"></a>
<br><br><strong>More Text Here</strong>
<br><br>You can put some more text here about your site, also change the background and text colour and text size.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>   
</div></div></div>

Watch the video tutorial below To see the website click on image below

Making Money
Lots of great ways of making money online with your website.
Making Money
Make Money as an Affiliate
Sign up to different affiliates and make money online with their banners.
Make Money as an Affiliate
Making Money with Google
Google Adsense is a great way of making money by placing ads on your website.
Making Money with Google
Make Money Online
Make $50 commission for all products! Join our team and help spread the word and make money.
Make Money Online

Fading Banner on a Yola Website
Fading Banner with horizontal menu on a Yola Website HTML code.

Fading Banner on a Yola Website
Fading Banner with horizontal drop down menu on a Yola Website.

Create a Website with Yola - Free Website Templates

Free Website Templates - Yola Website Template 2 << Free Website Templates

Free Website Templates - Yola Website Template 2
<< Free Website Templates