Loubanlandin Grafiikkaa: 2014 - Kapeammat ulkoasut

Kapeammat ulkoasut on tarkoitettu pääasiassa käytettäväksi esittelyn kapeammalla asetuksella, mutta soveltuvat toki käytettäväksi myös leveällä asetuksella esittelyssä sekä hevoskeskuksen että tiimin esittelyyn.

Kiitos "Hey!" ja "Meadow" -ulkoasujen koodauksista omena123 :lle!

-----

"Blue" yksi laatikko, 504 x 614px

-----

"Donuts" yksi laatikko, 520 x 395px

-----

"Cat and candle" yksi laatikko, 464 x 394px

-----

"in New York" kolme laatikkoa, 502 x 502px

<div style="width: 137px; height: 283px; margin-top: 29px; margin-left: 30px; 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: 137px; height: 283px; margin-top: 29px; margin-left: 16px; 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: 137px; height: 283px; margin-top: 29px; margin-left: 16px; 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>

-----

"Marshmallow" yksi laatikko + nimimerkki, 520 x 520px

<div style="width: 461px; height: 58px; margin-top: 152px; margin-left: 30px; text-align: left; font-size: 33px; font-family: new time roman; font-style: italic; color: #ffcbeb; float: left; overflow: auto; text-shadow: 0px 0px 5px grey;">
Nimimerkkisi</div>
<div style="width: 466px; height: 289px; margin-top: -20px; margin-left: 28px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; 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>

-----

"Coffee" yksi laatikko, 532 x 402px

-----

"Fox" kaksi laatikkoa, 512 x 361px

<div style="width: 197px; height: 153px; margin-top: 25px; margin-left: 289px; text-align: left; font-size: 11px; font-family: tahoma; color: #d9ffe1; float: left; overflow: auto; text-shadow: 0px 0px 4px #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: 197px; height: 153px; margin-top: 5px; margin-left: 289px; text-align: left; font-size: 11px; font-family: tahoma; color: #d9ffe1; float: left; overflow: auto; text-shadow: 0px 0px 4px #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>

-----

"Wolf" kaksi laatikkoa + nimimerkki, 514 x 385px

<div style="width: 176px; height: 148px; margin-top: 41px; margin-left: 280px; text-align: left; font-size: 11px; font-family: tahoma; color: #e0ddcc; float: left; overflow: auto; text-shadow: 0px 0px 4px #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: 176px; height: 148px; margin-top: 9px; margin-left: 280px; text-align: left; font-size: 11px; font-family: tahoma; color: #e0ddcc; float: left; overflow: auto; text-shadow: 0px 0px 4px #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: 259px; height: 55px; margin-top: -39px; margin-left: 12px; text-align: center; font-size: 25px; font-family: georgia; color: #e0ddcc; float: left; overflow: auto; text-shadow: 0px 0px 4px #000;">
Nimimerkkisi</div>
</div>

-----

"Night" yksi laatikko, 512 x 345px

-----

"Rose" yksi laatikko, 514 x 564px

-----

"Pink flower" kaksi laatikkoa, 514 x 394px

<div style="width: 196px; height: 148px; margin-top: 41px; margin-left: 269px; text-align: left; font-size: 11px; font-family: tahoma; color: #ffe5fa; 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: 196px; height: 148px; margin-top: 9px; margin-left: 269px; text-align: left; font-size: 11px; font-family: tahoma; color: #ffe5fa; 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>

-----

"Snow" kaksi laatikkoa, 518 x 518px

<div style="width: 456px; height: 188px; margin-top: 31px; margin-left: 32px; text-align: left; font-size: 11px; font-family: tahoma; color: #655e76; 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: 456px; height: 108px; margin-top: 13px; margin-left: 32px; text-align: left; font-size: 11px; font-family: tahoma; color: #655e76; 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>

-----

"Meadow" kaksi laatikkoa, 490 x 480px

<div style="width: 214px; height: 173px; margin-top: 35px; margin-left: 25px; text-align: left; font-size: 11px; font-family: tahoma, geneva; 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: 214px; height: 173px; margin-top: 35px; margin-left: 16px; text-align: left; font-size: 11px; font-family: tahoma, geneva; 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>

-----

"Hey!" kaksi laatikkoa, 516 x 666px

<div style="width: 209px; height: 260px; margin-top: 350px; margin-left: 37px; text-align: left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto;">
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: 207px; height: 260px; margin-top: 350px; margin-left: 27px; text-align:left; font-size: 11px; font-family: tahoma, geneva; color: black; float: left; overflow:auto;">
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>

-----

"Four horses" kaksi laatikkoa, 518 x 643px

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: 444px; height: 116px; margin-top: 16px; margin-left: 37px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 0px;">

-----

"City dog" kolme laatikkoa +nimimerkki, 495 x 495px

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: 195px; height: 123px; margin-top: 183px; margin-left: -195px; 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: 195px; height: 123px; margin-top: 320px; margin-left: -195px; 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: 55px; margin-top: 350px; margin-left: 15px; text-align: center; font-size: 29px; font-family: arial; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #000;">

Nimimerkkisi</div>
</div>

-----

"Dog" yksi laatikko +nimimerkki, 520 x 353px

-----

"Cat and fire" yksi laatikko +nimimerkki, 518 x 603 px

-----

"Winter" kaksi laatikkoa, 502 x 602px

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: 447px; height: 98px; margin-top: 15px; margin-left: 28px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #fff;">

-----

"New York" yksi laatikko +nimimerkki ja otsikko, 522 x 672px

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: 300px; height: 59px; margin-top: 22px; margin-left: 190px; text-align: center; font-size: 29px; font-family: segoe print; font-style: italic; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 4px #000;">

Nimimerkkisi</div>
<div style="width: 300px; height: 30px; margin-top: -12px; margin-left: 190px; text-align: right; font-size: 14px; font-family: comic sans ms; font-style: italic; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 6px #000;">

Lyriikka, riimi, iskulause..? </div>
</div>

-----

"Beach" kaksi laatikkoa +nimimerkki ja otsikko, 524 x 691px

<div style="width: 448px; height: 55px; margin-top: 85px; margin-left: 40px; text-align: right; font-size: 29px; font-family: segoe script; color: #94bcff; float: left; overflow: auto; text-shadow: 0px 0px 7px #000;">
Nimimerkkisi</div>
<div style="width: 448px; height: 39px; margin-top: 135px; margin-left: 40px; text-align: right; font-size: 19px; font-family: new time roman; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Riimi, lyriikka, iskulause, tervehdys..?<br></div>
<div style="width: 446px; height: 148px; margin-top: 15px; margin-left: 40px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #94bcff;">

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: 445px; height: 148px; margin-top: 19px; margin-left: 40px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 5px #94bcff;">

-----

"Forest" kaksi laatikkoa +otsikko, 516 x 763px

<div style="width: 448px; height: 55px; margin-top: 32px; margin-left: 33px; text-align: center; font-size: 29px; font-family: segoe script; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #000;">
Otsikkosi</div>
<div style="width: 446px; height: 148px; margin-top: 22px; margin-left: 35px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #0d4214;">

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: 446px; height: 148px; margin-top: 24px; margin-left: 35px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 0px 5px #0d4214;">

-----

"Oh no!" kaksi laatikkoa +otsikko, 450 x 650px

<div style="width: 297px; height: 30px; margin-top: 410px; margin-left: 78px; text-align: center; font-size: 25px; font-family: new times roman; font-style: italic; color: 5f5f5f; float: left; overflow:auto; text-shadow: 0px 0px 2px #202020;">
<p>
Otsikkosi </p>
</div>
<div style="width: 272px; height: 80px; margin-top: 1px; margin-left: 91px; text-align: left; font-size: 11px; font-family: tahoma; color: #5e5e5e; float: left; overflow: auto; text-shadow: 0px 0px 0px; 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: 230px; height: 60px; margin-top: 8px; margin-left: 110px; text-align: center; font-size: 15px; font-family: new times roman; font-style: italic; color: 5f5f5f; float: left; overflow:auto; text-shadow: 0px 0px 0.1px #707070;">

Kiitos, allekirjoitus, lyriikka vai riimi? Mitä haluatkaan sanoa esittelysi lukeneille.</div>
</div>