Loubanlandin Grafiikkaa: 2014 - Leveämmät ulkoasut

Leveämmät ulkoasut ovat tarkoitettu käytettäväksi esittelyn leveämmällä asetuksella, eli ne eivät sovellu käytettäväksi kapeaan asetukseen tai hevoskeskuksen tai tiimin esittelyyn.

Kiitos Dark ja Autumn -ulkoasujen koodauksesta omena123:lle!

-----

"Colors" yksi laatikko, 866 x 583px

-----

"Lamp" kaksi laatikkoa, 810 x 485px

<div style="width: 221px; height: 398px; margin-top: 43px; margin-left: 309px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 222px; height: 398px; margin-top: 43px; margin-left: 17px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
</div>

-----

"the Moon is beautiful" yksi laatikko, 914 x 614px

-----

"the Moon" yksi laatikko, 810 x 457px

-----

"Joulu kaupungissa" kaksi laatikkoa, 864 x 492px

<div style="width: 246px; height: 443px; margin-top: 24px; margin-left: 27px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 246px; height: 443px; margin-top: 24px; margin-left: 318px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
</div>

-----

"Punaista ja vihreää" yksi laatikko,

-----

"Christmas tree" yksi laatikko + otsikko/nimimerkki, 810 x 542px

<div style="width: 297px; height: 47px; margin-top: 13px; margin-left: 26px; text-align: center; font-size: 20px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Otsikkosi / Nimimerkkisi<br></div>
<div style="width: 297px; height: 479px; margin-top: 41px; margin-left: -297px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
</div>

-----

"Falabella" kaksi laatikkoa, 878 x 700px

<div style="width:344px; height: 281px; margin-top: 371px; margin-left: 66px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width:374px; height: 211px; margin-top: 371px; margin-left: 8px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Like a ice princess" yksi laatikko, 802 x 535px

------

"Halloween" yksi laatikko, 900 x 599px

------

"Be different..." yksi laatikko, 802 x 368px

-----

"Heppa" kaksi laatikkoa, 911 x 601px

<div style="width: 276px; height: 543px; margin-top: 29px; margin-left: 34px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 276px; height: 543px; margin-top: -542px; margin-left: 607px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"London" yksi laatikko, 768 x 487px

-----

"Paris" yksi laatikko, 814 x 614px

-----

"Coffee" kuusi laatikkoa, 916 x 546px

<div style="width: 916px; height: 546px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCbz3tddgah-hQgxz2wEej_7GeTDFDVgttVRogul9qrzmMmCBysWWIKoMMesSbhhqxilbtcFAf7w9vcIOKpi7_h5GhQbjYwMQKg8-DcStgDJpdAvOIlGKNHYpEH62yaRMiV5VTkqJ-DEU/s1600/Cafe.png); text-align: center;">
<div style="width: 247px; height: 148px; margin-top: 37px; margin-left: 40px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 247px; height: 148px; margin-top: 37px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 247px; height: 148px; margin-top: 198px; margin-left: -504px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 247px; height: 148px; margin-top: 198px; margin-left: -247px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 247px; height: 148px; margin-top: 360px; margin-left: -504px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 247px; height: 148px; margin-top: 360px; margin-left: -247px; text-align: left; font-size: 11px; font-family: tahoma; color: #63463f; float: left; overflow: auto; text-shadow: 0px 0px 5px gray;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Cupcake" yksi laatikko, 754 x 507px

-----

"Möö" neljä laatikkoa + nimimerkki, 909 x 569px

<div style="width: 265px; height: 234px; margin-top: 38px; margin-left: 327px; text-align: left; font-size: 11px; font-family: tahoma; color: #222222; float: left; overflow: auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 265px; height: 234px; margin-top: -234px; margin-left: 603px; text-align: left; font-size: 11px; font-family: tahoma; color: #222222; float: left; overflow: auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 265px; height: 234px; margin-top: 10px; margin-left: 327px; text-align: left; font-size: 11px; font-family: tahoma; color: #222222; float: left; overflow: auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 265px; height: 234px; margin-top: -234px; margin-left: 603px; text-align: left; font-size: 11px; font-family: tahoma; color: #222222; float: left; overflow: auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 304px; height: 104px; margin-top: -100px; margin-left: 16px; text-align: center; font-size: 39px; font-family: roman new roman; font-style: italic; color: #222222; float: left; overflow: auto; text-shadow: 0px 0px 5px #fff;">
Nimimerkkisi</div>
</div>

-----

"Black" kolme laatikkoa, 812 x 456px

<div style="width: 466px; height: 146px; margin-top: 30px; margin-left: 316px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 224px; height: 233px; margin-top: 17px; margin-left: 316px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 224px; height: 233px; margin-top: 17px; margin-left: 18px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Two colors" kuusi laatikkoa + otsikot, 893 x 598px

<div style="width: 893px; height: 598px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimVFDc4pWnBToNd6IKbk3iz7f2soeePWnBX91EUwb_cHTZDkJHc3JEmHpKl7rSC2yyKDQQ2z3ZtxpK7JYw_y3E4FIbvzjU8W0a8UPEPyFjUKHOPlM0ElglnMkBjCSigG08AVIJ8wltans/s1600/horse.png); text-align: center;">
<div style="width: 272px; height: 45px; margin-top: 16px; margin-left: 29px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 1</div>
<div style="width: 272px; height: 45px; margin-top: 16px; margin-left: 10px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 2</div>
<div style="width: 272px; height: 45px; margin-top: 16px; margin-left: 9px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 3</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 29px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 272px; height: 45px; margin-top: 9px; margin-left: 29px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 4</div>
<div style="width: 272px; height: 45px; margin-top: 9px; margin-left: 10px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 5</div>
<div style="width: 272px; height: 45px; margin-top: 9px; margin-left: 9px; text-align: center; font-size: 17px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Otsikko 6</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 29px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 272px; height: 175px; margin-top: -25px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #989898;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Lake" neljä laatikkoa + otsikot, 912 x 562px

<div style="width: 211px; height: 202px; margin-top: 50px; margin-left: 24px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 211px; height: 202px; margin-top: 50px; margin-left: 8px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 211px; height: 202px; margin-top: 50px; margin-left: 8px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 211px; height: 202px; margin-top: 50px; margin-left: 8px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 211px; height: 50px; margin-top: 1px; margin-left: 22px; text-align: left; font-size: 18px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 3px #fff;">
Otsikko 1</div>
<div style="width: 211px; height: 50px; margin-top: 1px; margin-left: 10px; text-align: left; font-size: 18px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 3px #fff;">
Otsikko 2</div>
<div style="width: 211px; height: 50px; margin-top: 1px; margin-left: 10px; text-align: left; font-size: 18px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 3px #fff;">
Otsikko 3</div>
<div style="width: 211px; height: 50px; margin-top: 1px; margin-left: 8px; text-align: left; font-size: 18px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 3px #fff;">
Otsikko 4</div>
</div>

-----

"Friends" kaksi laatikkoa, 865 x 450px

<div style="width: 507px; height: 197px; margin-top: 24px; margin-left: 31px; text-align: left; font-size: 11px; font-family: tahoma; color: #727272; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 507px; height: 197px; margin-top: 8px; margin-left: 31px; text-align: left; font-size: 11px; font-family: tahoma; color: #727272; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Pony and dog" kolme laatikkoa + nimimerkki, 815 x 450px

<div style="width: 235px; height: 193px; margin-top: 26px; margin-left: 303px; text-align: left; font-size: 11px; font-family: tahoma; color: #727272; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 235px; height: 193px; margin-top: 26px; margin-left: 10px; text-align: left; font-size: 11px; font-family: tahoma; color: #727272; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 482px; height: 195px; margin-top: 11px; margin-left: 303px; text-align: left; font-size: 11px; font-family: tahoma; color: #727272; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 250px; height: 90px; margin-top: -86px; margin-left: 33px; text-align: center; font-size: 28px; font-family: segoe script; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 3px #000">
Nimimerkkisi</div>
</div>

-----

"Pictures" yksi laatikko + nimimerkki, 910 x 476px

Nimimerkkisi</b></div>
</div>

-----

"Hiirulainen" neljä laatikkoa, 912 x 562px

<div style="width: 489px; height: 249px; margin-top: 30px; margin-left: 33px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 246px; height: 241px; margin-top: 288px; margin-left: -489px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 318px; height: 241px; margin-top: 288px; margin-left: -230px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 261px; height: 197px; margin-top: -197px; margin-left: 620px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Islanninhevonen" kaksi laatikkoa, 914 x 494px

<div style="width: 416px; height: 148px; margin-top: 90px; margin-left: 458px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 2px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 416px; height: 148px; margin-top: 16px; margin-left: 458px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 2px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Dreams" kaksi laatikkoa, 894 x 601px

-----

"Try to think positive..." kaksi laatikkoa, otsikot, 914 x 494px

<div style="width: 396px; height: 50px; margin-top: 62px; margin-left: 473px; text-align: center; font-size: 20px; font-family: segoe script; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #fff;">
Otsikkosi</div>
<div style="width: 396px; height: 148px; margin-top: -18px; margin-left: 473px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">

-----

"Syksyn värit" kolme laatikkoa, 922 x 585px

<div style="width: 922px; height: 585px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLNPPW3IxEnmpxbmPlxSXx4IZEX4YDsz5L3DPIO-loSoqLM4k8CveYTsoiKl6iRd7JKR41GB6ioYpAbfzPDLquehioXeBiOIzrU_SOyWCj5UoE24xgbUvX1q71AZqWtzPQ7BJ-AALZbw/s1600/syksyn+v%C3%A4rit.png); text-align: center;">
 <div style="width: 394px; height: 146px; margin-top: 52px; margin-left: 471px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
 Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 394px; height: 146px; margin-top: 23px; margin-left: 471px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
 Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 394px; height: 146px; margin-top: 25px; margin-left: 471px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">
 Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Home" kaksi laatikkoa +nimimerkki, 753 x 505px

<div style="width: 296px; height: 148px; margin-top: 92px; margin-left: 397px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 296px; height: 148px; margin-top: 18px; margin-left: 397px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px grey;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 342px; height: 78px; margin-top: -31px; margin-left: 29px; text-align: center; font-size: 29px; font-family: segoe script, comic sans ms; font-style: italic; color: #d8bc74; float: left; overflow:auto; text-shadow: 0px 0px 5px #000;">
Nimimerkkisi </div>
</div>

-----

"Memories" kolme laatikkoa, 686 x 476px

<div style="width: 346px; height: 128px; margin-top: 38px; margin-left: 299px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 3px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 346px; height: 128px; margin-top: 8px; margin-left: 299px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 3px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 346px; height: 128px; margin-top: 8px; margin-left: 299px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 3px #fff;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Follow your dreams..." kolme laatikkoa, otsikot, 915 x 543px

<div style="width: 915px; height: 543px; margin: XX auto;
background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BV5y8WeNR0BDmbyrieQwnDiaLx8AuJpgKnlmhv0YlHjLriLKyge62nTwJVb5ud-jJHcW5kBOsoXT2fXtfFGMKBhQ5gQ6NMzwr_EppxH2tdmwGgy_Lo43wqcSbC5ua818-yY8uK7D3Eo/s1600/ocean.png);
text-align: left; line-height: X.Xem;">
<div style="width: 245px; height: 196px; margin-top: 61px; margin-left: 66px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 1px grey;">
Kirjoita oma tekstisi tähän. Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 245px; height: 196px; margin-top: 61px; margin-left: 24px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 1px grey;">
Kirjoita oma tekstisi tähän. Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 245px; height: 196px; margin-top: 61px; margin-left: 25px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 1px grey;">
Kirjoita oma tekstisi tähän. Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 245px; height: 56px; margin-top: 1px; margin-left: 66px; text-align:left; font-size: 22px; font-family: new time roman; font-style: italic; color: #000;  float: left; overflow:auto; text-shadow: 0px 0px 3px blue;">
 Otsikkosi
</div>
<div style="width: 245px; height: 56px; margin-top: 1px; margin-left: 24px; text-align:left; font-size: 22px; font-family: new time roman; font-style: italic; color: #000;  float: left; overflow:auto; text-shadow: 0px 0px 3px blue;">
 Otsikkosi</div>
<div style="width: 245px; height: 56px; margin-top: 1px; margin-left: 25px; text-align:left; font-size: 22px; font-family: new time roman; font-style: italic; color: #000;  float: left; overflow:auto; text-shadow: 0px 0px 3px blue;">
 Otsikkosi 
</div>
</div>

-----

"Autumn" yksi laatikko, 787 x 364px

-----

"Dark" neljä laatikkoa, 918 x 508px

<div style="width: 259px; height: 201px; margin-top: 32px; margin-left: 350px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px white;">
Kirjoita oma tekstisi tähän. Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 259px; height: 201px; margin-top: 32px; margin-left: 20px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px white;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 259px; height: 200px; margin-top: 20px; margin-left: 350px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px white;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
<div style="width: 259px; height: 200px; margin-top: 20px; margin-left: 20px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto; text-shadow: 0px 0px 3px white;">
Kirjoita oma tekstisi tähän. 
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.</div>
</div>

-----

"Books" kolme laatikkoa + nimimerkki, 704 x 593px

<div style="width: 295px; height: 146px; margin-top: 66px; margin-left: 67px; text-align:left; font-size: 11px; font-family: tahoma; color: #646464; float: left; overflow:auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 294px; height: 146px; margin-top: 226px; margin-left: -294px; text-align:left; font-size: 11px; font-family: tahoma; color: #646464; float: left; overflow:auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 294px; height: 146px; margin-top: 386px; margin-left: -294px; text-align:left; font-size: 11px; font-family: tahoma; color: #646464; float: left; overflow:auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 305px; height: 72px; margin-top: 386px; margin-left: 20px; text-align: center; font-size: 34px; font-family: segoe script; font-style: italic; color: #64; float: left; overflow:auto; text-shadow: 0px 0px 3px #fff;">
Nimimerkkisi</div>
</div>

-----

"Blue Light" kaksi laatikkoa, 728 x 328px

<div style="width: 315px; height: 86px; margin-top: 192px; margin-left: 42px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 2px black;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 315px; height: 86px; margin-top: -86px; margin-left: 371px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 2px black;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
</div>

-----

"Morning" kaksi laatikkoa, otsikot + nimimerkki ja otsikko, 932 x 634px

Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 296px; height: 241px; margin-top: 330px; margin-left: -297px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 296px; height: 241px; margin-top: 420px; margin-left: 80px; text-align: center; font-size: 35px; font-family: segoe script; font-style: italic; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 2px pink;">
Nimimerkkisi
</div>
<div style="width: 305px; height: 50px; margin-top: -196px; margin-left: 540px; text-align: center; font-size: 15px; font-family: new time roman; font-style: italic; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 2px pink;">
Lyriikka, riimi, tervehdys tai iskulause?</div>
</div>

-----

"Black and White" neljä laatikkoa, otsikot + nimimerkki ja otsikko, 900 x 720px

<div style="width: 410px; height: 168px; margin-top: 43px; margin-left: 36px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 410px; height: 168px; margin-top: -168px; margin-left: 457px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 405px; height: 55px; margin-top: 250px; margin-left: 395px; text-align: center; font-size: 34px; font-style: italic; font-family: segoe script; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 6px #000;">
Nimimerkkisi</div>
<div style="width: 400px; height: 62px; margin-top: 0px; margin-left: 475px; text-align: center; font-size: 15px; font-style: italic; font-family: new time roman; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 8px #000;">
Tervehtys, lyriikka, riimi tai iskulauseesi?</div>
<div style="width: 410px; height: 101px; margin-top: 26px; margin-left: 36px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
<div style="width: 410px; height: 101px; margin-top: 25px; margin-left: 11px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 5px #000;">
Kirjoita oma tekstisi tähän.
Älä kuitenkaan pyyhi laatikkoa kokonaan tyhjäksi, sillä se rikkoo koodin. Jos haluat jättää laatikon tyhjäksi, laita tekstien tilalle muutama välilyönti. <br> <br> Riviä vaihtaessa on hyvä painaa enterin lisäksi myös siftiä, eli sitä neliskulmaista nappia enterin alapuolella, jotta rivin vaihto ei rikkoisi laatikon koodia.
</div>
</div>