Ulkoasut

Kaikki layoutit ovat vapaasti käytettävissä, mutta toivoisin että ilmoittaisit minulle vaikka howrsessa jos otat jonkin näistä.

Shetu layout (Koodattu howrsen uuden systeemin mukaan)

<table style="width: 540px; height: 485px; background: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/shetulayout.jpg); border: 1px solid #fff;  margin: 0 auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px; color: #000;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td rowspan="4" colspan="1" height="300" width="8"><br></td>
<td rowspan="1" colspan="2" height="6" width="485"><br></td>
<td rowspan="4" colspan="1" height="300" width="20"><br></td>

</tr>
<tr>
<td rowspan="1" colspan="1" height="187" width="170">
 <br></td>
<td style="text-align: left;" rowspan="2" colspan="1" height="430" width="120"><div style="width: 98%; height: 90%; overflow: auto; padding-right: 5px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod.
</div></td>
</tr>






</tbody></table>

<div style="width: 546px; height: 581px; background: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/sellanenpohja.jpg) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: left; font-family: tahoma; font-size: 12px; line-height: 18px;">


<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 170px; height: 190px; position: relative; float: left; top: 75px; left: 25px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on YLIN laatikko (Howrse)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>


<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 465px; height: 75px; position: relative; float: right; top: 120px; right: 50px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on KESKIMMÄINEN. laatikko (Minä)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>


<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 295px; height: 80px; position: relative; float: right; top: 155px; right: 220px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on ALIN laatikko (Muuta)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>
</div>

<div style="width: 546px; height: 491px; background: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/tirppalayouttiinkuva.jpg) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: left; font-family: tahoma; font-size: 12px; line-height: 18px;">

<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 100px; height: 170px; position: relative; float: left; top: 25px; left: 425px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on YLIN laatikko (news)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>

<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 230px; height: 75px; position: relative; float: right; top: 235px; right: 290px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on OIK. laatikko (about me)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>

<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 230px; height: 75px; position: relative; float: right; top: 160px; right: 20px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on VAS. laatikko (In Howrse)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>

<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 500px; height: 100px; position: relative; float: right; top: 185px; right: 20px; overflow: auto; text-align: left; padding-right: 5px;">Tämä on ALIN laatikko (Muuta // Other)Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod. <br></div>
</div>

Irlannincob-layout (koodattu howrsen uuden systeemin mukaan)

<table style="width: 546px; height: 591px; background: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/tinkkeri.jpg); border: 1px solid #fff;  margin: 0 auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px; color: #000;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td rowspan="4" colspan="1" height="300" width="8"><br></td>
<td rowspan="1" colspan="2" height="400" width="485"><br></td>
<td rowspan="4" colspan="1" height="300" width="20"><br></td>

</tr>
<tr>
<td rowspan="1" colspan="1" height="187" width="170">
 <br></td>
<td style="text-align: left;" rowspan="2" colspan="1" height="115" width="2460"><div style="width: 98%; height: 99%; overflow: auto; padding-right: 5px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod vestibulum felis at interdum. Donec ullamcorper, lectus bibendum dapibus tempor, justo erat convallis quam, vel sagittis tellus sem ac risus. Sed tincidunt neque elit. Curabitur ut magna vitae tellus dignissim aliquet vitae at erat. Nulla augue ante, tristique id cursus eget, dignissim id urna. Ut ornare elit vestibulum justo pellentesque elementum. Praesent consequat molestie volutpat. In sagittis nisl et justo ultrices vitae sollicitudin odio porta. Nullam sit amet justo non libero volutpat blandit. Suspendisse potenti. Pellentesque congue, felis eget consequat accumsan, ipsum orci dignissim tortor, ac eleifend quam enim at libero. Aenean vulputate mi non nisi consectetur facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis quam ut erat pretium scelerisque. Suspendisse tristique sollicitudin tortor, id varius turpis dapibus a. Fusce sit amet metus et sem tempus euismod.
</div></td>
</tr>

<div style="width: 550px; height: 590px; margin: 0 auto;
 background-image: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/nimetn-1.jpg); 
text-align: justify; font-family: arial; font-size: 13px; line-height: 1.6em;  color: #000;">

<div style="margin-top: 75px; margin-right: 20px; overflow: auto; width: 150px; height: 320px; float: right; padding: 15px; clear:both; ">Ensimmäinen Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet adipiscing nibh, at lobortis mi adipiscing sed. Praesent sit amet tortor nunc. Integer adipiscing tempus quam a feugiat. Ut eu dolor tortor. Nulla feugiat ipsum in sem adipiscing vestibulum. Pellentesque ligula tellus, rhoncus in malesuada a, bibendum ac nisi. In hac habitasse platea dictumst. Duis imperdiet accumsan turpis, sit amet laoreet erat hendrerit eget. Praesent vel elementum massa. Mauris sed urna odio.

Pellentesque at pretium risus. In sodales aliquam viverra. In justo libero, sollicitudin nec aliquam non, fermentum in lorem. Nullam venenatis sodales quam, placerat feugiat eros posuere sed. Nullam mollis condimentum pharetra. Nam hendrerit pulvinar ligula, vel pharetra nibh condimentum at. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel est a mauris varius tincidunt. Suspendisse massa erat, venenatis et aliquam at, bibendum ut erat. Nam ac metus nulla, at bibendum justo.
la mollis dictum ligula, id interdum arcu volutpat non. Sed mauris arcu, sagittis non auctor ut, tempus nec nulla. Suspendisse auctor odio vel nulla faucibus commodo. Praesent non congue diam. Sed neque mi, mattis a feugiat non, vestibulum non felis. Nunc eros odio, aliquet quis ullamcorper sit amet, porta fermentum dolor. Mauris fermentum leo ac nisi vestibulum sollicitudin. Sed enim nisl, porttitor at malesuada nec, vulputate volutpat mi. Morbi nibh dolor, sollicitudin sit amet sollicitudin nec, semper vitae tortor. Ut imperdiet fermentum enim ac dapibus. Nullam vitae blandit est. Duis porttitor leo id sapien ultricies viverra. In vehicula convallis justo, nec commodo dui bibendum eget.

</div>
<div style="margin-top: 40px; margin-right: 20px; overflow: auto; width: 400px; height: 60px; float: right; padding: 15px; clear:both; ">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet adipiscing nibh, at lobortis mi adipiscing sed. Praesent sit amet tortor nunc. Integer adipiscing tempus quam a feugiat. Ut eu dolor tortor. Nulla feugiat ipsum in sem adipiscing vestibulum. Pellentesque ligula tellus, rhoncus in malesuada a, bibendum ac nisi. In hac habitasse platea dictumst. Duis imperdiet accumsan turpis, sit amet laoreet erat hendrerit eget. Praesent vel elementum massa. Mauris sed urna odio.

Pellentesque at pretium risus. In sodales aliquam viverra. In justo libero, sollicitudin nec aliquam non, fermentum in lorem. Nullam venenatis sodales quam, placerat feugiat eros posuere sed. Nullam mollis condimentum pharetra. Nam hendrerit pulvinar ligula, vel pharetra nibh condimentum at. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel est a mauris varius tincidunt. Suspendisse massa erat, venenatis et aliquam at, bibendum ut erat. Nam ac metus nulla, at bibendum justo.
la mollis dictum ligula, id interdum arcu volutpat non. Sed mauris arcu, sagittis non auctor ut, tempus nec nulla. Suspendisse auctor odio vel nulla faucibus commodo. Praesent non congue diam. Sed neque mi, mattis a feugiat non, vestibulum non felis. Nunc eros odio, aliquet quis ullamcorper sit amet, porta fermentum dolor. Mauris fermentum leo ac nisi vestibulum sollicitudin. Sed enim nisl, porttitor at malesuada nec, vulputate volutpat mi. Morbi nibh dolor, sollicitudin sit amet sollicitudin nec, semper vitae tortor. Ut imperdiet fermentum enim ac dapibus. Nullam vitae blandit est. Duis porttitor leo id sapien ultricies viverra. In vehicula convallis justo, nec commodo dui bibendum eget.

</div>
<div style="width: 308px; text-align: right; margin-right: 20px; margin-top: 3px; clear:both; float:right; font-size: 9px; clear: both; #fc4ca7; ">


</div>
</div>

Ratsu-layout (koodattu uudelleen)

<div style="width: 750px; height: 565px; background: url(&quot;http://i1233.photobucket.com/albums/ff387/Maantievirus/phjakuva-1-1.jpg&quot;) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px;">
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 380px; height: 90px; position: relative; float: left; top: 7px; left: 340px; overflow: auto; text-align: left; padding-right: 2px;"><span style="font-weight: bold;">Tähän ylimmän laatikon otsikko</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
 diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi.<p></p></div><br>

<div style="margin-left: 40px;"><div style="margin-left: 200px;"><br></div></div><div style="width: 275px; height: 90px; position: relative; float: left; top: 90px; right: 40px; overflow: auto; text-align: left; padding-right: 5px;"><span style="font-weight: bold;">Tähän oikean laatikon otsikko</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
 diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi.<br></div>
<div style="width: 290px; height: 90px; position: relative; float: right; top: 0px; right: 435px; overflow: auto; text-align: left; padding-right: 5px;"><span style="font-weight: bold;">Tähän vasemman laatikon otsikko</span><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
 diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi.</div></div>

 <div style="width: 549px; height: 690px; background: url(&quot;http://i1233.photobucket.com/albums/ff387/Maantievirus/ramitulevalayout.jpg&quot;) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px;">
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 260px; height: 440px; position: relative; float: left; top: 140px; left: 55px; overflow: auto; text-align: left; padding-right: 2px;"><br>
  

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
 diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero
eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber
tempor cum soluta nobis eleifend option congue nihil imperdiet doming id
 quod mazim placerat facer possim assum. Typi non habent claritatem
insitam; est usus legentis in iis qui facit eorum claritatem.
Investigationes demonstraverunt lectores legere me lius quod ii legunt
saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem
 consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc
 putamus parum claram, anteposuerit litterarum formas humanitatis per
seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis
videntur parum clari, fiant sollemnes in futurum.<p></p></div><br>

</div>

<div style="width: 549px; height: 590px; background: url(&quot;http://i1233.photobucket.com/albums/ff387/Maantievirus/tirppalayout-1.jpg&quot;) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px;">
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 335px; height: 110px; position: relative; float: left; top: 245px; left: 175px; overflow: auto; text-align: left; padding-right: 2px;">Ylempi boxi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.<br></div><br>
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 335px; height: 110px; position: relative; float: left; top: 295px; left: 175px; overflow: auto; text-align: left; padding-right: 2px;">Alempi boxi Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.<br></div><br>

<div style="width: 549px; height: 590px; background: url(&quot;http://i1233.photobucket.com/albums/ff387/Maantievirus/Harlequinhowrse.jpg&quot;) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px;">
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 235px; height: 90px; position: relative; float: left; top: 45px; left: 235px; overflow: auto; text-align: left; padding-right: 2px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.<br></div><br>
<div style="width: 170px; height: 330px; top: 180px; right: 200px; float: left; font-size: 12px; line-height: 15pt; font-family: tahoma; overflow: auto; position: relative; text-align: left;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.






</div></div>

<div style="width: 786px; height: 590px; background: url(&quot;http://i1233.photobucket.com/albums/ff387/Maantievirus/Layoutvripohjat.jpg&quot;) repeat scroll 0% 0% transparent; border: 0px solid rgb(0, 0, 0); margin: 0pt auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px;">
<div style="margin-left: 40px; text-align: left;"><div style="margin-left: 200px;"><br></div></div><div style="width: 220px; height: 140px; position: relative; float: left; top: 40px; left: 30px; overflow: auto; text-align: left; padding-right: 5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.<br></div><br>
<div style="width: 245px; height: 190px; top: 295px; right: 200px; float: left; font-size: 12px; line-height: 15pt; font-family: tahoma; overflow: auto; position: relative; text-align: left;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id placerat justo. Morbi dictum sollicitudin placerat. Praesent fringilla massa in ante eleifend dictum. Sed venenatis adipiscing tempor. Aenean accumsan pretium odio quis vulputate. Ut quis ligula erat. Pellentesque eros ipsum, rhoncus ornare vehicula at, elementum a nunc. Ut risus tortor, mollis vitae varius id, consectetur in dolor. Phasellus ultrices tincidunt risus id vehicula. Nam ullamcorper molestie nunc id sodales. Morbi semper tempus cursus. Aliquam arcu dolor, fringilla sed pharetra eu, ultrices vitae ligula. Suspendisse molestie dictum pulvinar. Vestibulum quis sapien augue, sit amet lacinia neque.

</div></div>

Suomenhevoslayout (koodattu howrsen uuden systeemin mukaan)

<table style="width: 550px; height: 610px; background: url(http://i1233.photobucket.com/albums/ff387/Maantievirus/Suokkimuokattu.jpg); border: 1px solid #fff;  margin: 0 auto; text-align: center; font-family: tahoma; font-size: 12px; line-height: 18px; color: #000;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td rowspan="4" colspan="1" height="300" width="8"><br></td>
<td rowspan="1" colspan="2" height="6" width="85"><br></td>
<td rowspan="4" colspan="1" height="100" width="590"><br></td>

</tr>
<tr>
<td rowspan="1" colspan="1" height="487" width="630">
 <br></td>
<td style="text-align: left;" rowspan="2" colspan="1" height="420" width="270"><div style="width: 98%; height: 90%; overflow: auto; padding-right: 5px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<br></div></td>
</tr>






</tbody></table>