Loubanlandin Grafiikkaa: LG:stä - leveämmät ulkoasut

Leveämmät ulkoasut on suunniteltu vain käytettäväksi leveässä esittelyssä. Niitä ei siis kannata käyttää kapeassa esittelyssä, hevoskeskuksen esittelyssä tai tiimin sivulla.

-----

"Airplane" kolme laatikkoa, 916 x 511px

-----

"That Power" yksi laatikko, 822 x 555px

-----

"Things are getting better" yksi laatikko, 872 x 497px

-----

"City" kaksi laatikkoa, 852 x 569px

-----

"Old but it goes fast" yksi laatikko, 872 x 465px

-----

"Nose" yksi laatikko, 920 x 410px

-----

"Saab" neljä otsikoitua laatikkoa, 900 x 609px

<div style="width: 904px; height: 609px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/skci6c_zpscc34eddc.png); top: 0px; left: 0px;">
<div style="width: 565px; height: 93px; margin-top: 65px; margin-left: 19px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px grey;">
Kirjoita oma tekstisi tähän. <br> Ä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: 565px; height: 102px; margin-top: 33px; margin-left: 19px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px grey;">
Kirjoita oma tekstisi tähän. <br> Ä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: 565px; height: 113px; margin-top: 45px; margin-left: 19px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px grey;">
Kirjoita oma tekstisi tähän. <br> Ä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: 565px; height: 97px; margin-top: 40px; margin-left: 19px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px grey;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"No, really I'm ok" yksi laatikko, 904 x 504px

-----

"Ruusu" neljä laatikkoa, 908 x 552 px

<div style="width: 908px; height: 552px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/jaumlaumlruusu_zps7d82688e.png); top: 0px; left: 0px;">
<div style="width: 463px; height: 119px; margin-top: 13px; margin-left: 422px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 463px; height: 119px; margin-top: 14px; margin-left: 422px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 463px; height: 119px; margin-top: 13px; margin-left: 422px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 463px; height: 119px; margin-top: 16px; margin-left: 422px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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>

-----

"Muffin" neljä laatikkoa, 900 x 450px

<div style="width: 900px; height: 450px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/muffin_zps6f8bb82d.png); top: 0px; left: 0px;">
<div style="width: 360px; height: 85px; margin-top: 21px; margin-left: 523px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 360px; height: 85px; margin-top: 24px; margin-left: 523px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 360px; height: 85px; margin-top: 22px; margin-left: 523px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
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: 360px; height: 85px; margin-top: 22px; margin-left: 523px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px blue;">
 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>

-----

"On the road" kaksi laatikkoa + otsikot, 900 x 370px

<div style="width: 366px; height: 30px; margin-top: 14px; margin-left: 519px; text-align: center; font-size: 21px; font-family: georgia; font-style: italic; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 4px white;">
Otsikkosi</div>
<div style="width: 345px; height: 125px; margin-top: 1px; margin-left: 531px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">

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: 366px; height: 30px; margin-top: 24px; margin-left: 519px; text-align: center; font-size: 21px; font-family: georgia; font-style: italic; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 4px white;">
Otsikkosi</div>
<div style="width: 345px; height: 125px; margin-top: 1px; margin-left: 531px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">

-----

"Wishes" kaksi laatikkoa, 900 x 350px

Kirjoita oma tekstisi tähän. </p>
Ä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: 354px; height: 142px; margin-top: 190px; margin-left: -354px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">
Kirjoita oma tekstisi tähän. </p>
Ä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>

-----

"Ylämaankarja" kolme laatikkoa, 900 x 400px

<div style="width: 900px; height: 400px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/ylaumlmaankarja_zpsd765395b.png); top: 0px; left: 0px;">
<div style="width: 354px; height: 100px; margin-top: 19px; margin-left: 19px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px green;">
Kirjoita oma tekstisi tähän. <br> Ä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: 354px; height: 100px; margin-top: 150px; margin-left: -354px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px green;">
Kirjoita oma tekstisi tähän. <br> Ä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: 354px; height: 100px; margin-top: 282px; margin-left: -354px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px green;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"What this is?" yksi laatikko, 900 x 390px

-----

"Blue eye" kaksi laatikkoa, 900 x 400px

<div style="width: 360px; height: 157px; margin-top: 21px; margin-left: 515px; text-align:left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow:auto; text-shadow: 0px 0px 0px pink;">
Kirjoita oma tekstisi tähän. <br> Ä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: 360px; height: 160px; margin-top: 34px; margin-left: 515px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px pink;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Play time" kolme laatikkoa, 904 x 615px

<div style="width: 577px; height: 159px; margin-top: 40px; margin-left: 36px; text-align:left; font-size: 11px; font-family: tahoma; color: #535353; float: left; overflow:auto; text-shadow: 0px 0px 0px pink;">
Kirjoita oma tekstisi tähän. <br> Ä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: 578px; height: 159px; margin-top: 25px; margin-left: 36px; text-align:left; font-size:11px; font-family: tahoma; color:#535353; float: left; overflow:auto; text-shadow: 0px 0px 0px pink;">
Kirjoita oma tekstisi tähän. <br> Ä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: 578px; height: 159px; margin-top: 26px; margin-left: 36px; text-align:left; font-size:11px; font-family: tahoma; color:#535353; float: left; overflow:auto; text-shadow: 0px 0px 0px pink;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Cars" kolme laatikkoa + nimimerkki, 904 x 504px

<div style="width: 904px; height: 504px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/autotot_zps687e7dc2.jpg); top: 0px; left: 0px;">
<div style="width: 315px; height: 49px; margin-top: 167px; margin-left: 300px; text-align: center; font-size: 35px; font-family: georgia; font-style: italic; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 2px red;">
Nimimerkkisi<br>
</div>
<div style="width: 242px; height: 196px; margin-top: 24px; margin-left: 24px; text-align:left; font-size: 11px; font-family: tahoma; color: #535353; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">
Kirjoita oma tekstisi tähän. <br> Ä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: 595px; height: 244px; margin-top: 15px; margin-left: 26px; text-align:left; font-size:11px; font-family: tahoma; color:#535353; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">
Kirjoita oma tekstisi tähän. <br> Ä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: 242px; height: 244px; margin-top: 15px; margin-left: 18px; text-align:left; font-size: 11px; font-family: tahoma; color: #535353; float: left; overflow:auto; text-shadow: 0px 0px 0px darkred;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Dog's life" kuusi laatikkoa, 900 x 600px

<div style="width: 900px; height: 600px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/koirat3_zps361b9d82.jpg); top: 0px; left: 0px;">
<div style="width: 268px; height: 164px; margin-top: 24px; margin-left: 26px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 267px; height: 164px; margin-top: 24px; margin-left: 24px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 267px; height: 164px; margin-top: 23px; margin-left: 22px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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.22</div>
<div style="width: 267px; height: 164px; margin-top: 210px; margin-left: -847px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 267px; height: 164px; margin-top: 210px; margin-left: -556px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 267px; height: 164px; margin-top: 23px; margin-left: 22px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Keppihevoset" kaksi laatikkoa + otsikot, 904 x 504px

<div style="width: 904px; height: 504px; margin: auto; text-align:center; background-color: transparent; background-image: url(http://i826.photobucket.com/albums/zz189/annamarjaa/keppis_zps39bc0272.jpg); top: 0px; left: 0px;">
<div style="width: 500px; height: 44px; margin-top: 28px; margin-left: 50px; text-align: center; font-size: 22px; font-family: georgia; font-style: italic; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 1px #000;">
Otsikko 1 </div>
<div style="width: 498px; height: 186px; margin-top: -19px; margin-left: 51px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 500px; height: 44px; margin-top: 1px; margin-left: 50px; text-align: center; font-size: 22px; font-family: georgia; font-style: italic; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 1px #000;">
Otsikko 2<br> </div>
<div style="width: 498px; height: 186px; margin-top: -19px; margin-left: 51px; text-align:left; font-size:11px; font-family: tahoma; color:#fff; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Thank you" kolme laatikkoa, 904 x 499px

<div style="width: 248px; height: 197px; margin-top: 42px; margin-left: 30px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 248px; height: 197px; margin-top: 42px; margin-left: 26px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 522px; height: 198px; margin-top: 264px; margin-left: -521px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Cavalier kingcharlesinspanieli" neljä laatikkoa, 899 x 504px

<div style="width: 246px; height: 196px; margin-top: 44px; margin-left: 40px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 196px; margin-top: 44px; margin-left: 17px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 196px; margin-top: 256px; margin-left: -508px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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: 196px; margin-top: 256px; margin-left: -245px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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>

-----

"Jätskisaurus" yksi laatikko + nimimerkki, 900 x 492px

<div style="width: 170px; height: 75px; margin-top: 80px; margin-left: 590px; text-align: center; font-size:30px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 1px #000;">
Nimimerkkisi</div>
<div style="width: 329px; height: 297px; margin-top: 115px; margin-left: -310px; text-align:left; font-size:11px; font-family: tahoma; color:#000; float: left; overflow:auto; text-shadow: 0px 0px 0px #000;">
Kirjoita oma tekstisi tähän. <br> Ä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>