Free Layouts

Here are a couple of free layouts that I made for Howrse. Just click on it to see the full picture. Then if you like it copy the coding and go to HTML mode in your presentation. Paste the coding and voila!


Wide Presentation Layout

<div style='background: url(http://i48.tinypic.com/2irxb1g.gif); width: 606px; height: 800px;'>


<div style="width: 205px; height: 195px; overflow: auto; margin-top: 90px; margin-left: 35px; float: left;"> <font color= "#FFFFFF" size= "4" face= "comic sans ms"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. </font> </div>


<div style="width: 205px; height: 195px; overflow: auto; margin-top: 170px; margin-left: 105px; float: left;"> <font color= "#FFFFFF" size= "4" face= "comic sans ms"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. </font> </div>


<div style="width: 205px; height: 195px; overflow: auto; margin-top: 32px; margin-left: 38px; float: left;"> <font color= "#FFFFFF" size= "4" face= "comic sans ms"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. </font> </div>


<div style="width: 205px; height: 195px; overflow: auto; margin-top: 166px; margin-left: 92px; float: left;"> <font color= "#FFFFFF" size= "4" face= "comic sans ms"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. </font> </div>


Equestrian Centre Layout. You can add your EC's name to the top as well.
<div style='background: url(http://i50.tinypic.com/1gr8gl.jpg); width: 500px; height: 500px;'>


<div style="width: 141px; height: 165px; overflow: auto; margin-top: 112px; margin-left: 17px; float:left;"> <font color= "#FFFFFF" size= "2" face= "verdana"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. It's the same with your EC name, make sure you do this with that too.</font> </div>


<div style="width: 141px; height: 165px; overflow: auto; margin-top: 112px; margin-left: 27px; float:left;"> <font color= "#FFFFFF" size= "2" face= "verdana"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. It's the same with your EC name, make sure you do this with that too. </font> </div>


<div style="width: 141px; height: 165px; overflow: auto; margin-top: 112px; margin-left: 25px; float:left;"> <font color= "#FFFFFF" size= "2" face= "verdana"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1. It's the same with your EC name, make sure you do this with that too.</font> </div>


<div style="width: 466px; height: 160px; overflow: auto; margin-top: 35px; margin-left: 25px; float:left;"> <font color= "#FFFFFF" size= "2" face= "verdana"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1.It's the same with your EC name, make sure you do this with that too.</font> </div>


<div style="width: 466px; height: 70px; overflow: auto; margin-top: -445px; margin-left: 25px; float:left;"> <font color= "#000000" size= "12" face= "monotype corsiva"> Your EC Name here </font> </div>


Okay here's some simple 1 box layouts.


Wide Presentation Layout
<div style='background: url(http://i46.tinypic.com/2znsgnb.jpg); width: 800px; height: 830px;'>



<div style="width: 413px; height:440px; overflow: auto; margin-top: 365px; margin-left: 375px; float:left;"> <font color= "#FFFFFF" size= "5" face="comic sans ms"> put your text here!!! don't delete it all at once and start typing otherwise the box will go funny. so delete it to like the p of "put". Then write your text, and delete the p afterwards. For example, phello my name is Example1.</font> </div>



No comments:

Post a Comment