Loubanlandin Grafiikkaa: LG:stä

Kapeampaa suunnitellut ulkoasut kannattaa laittaa kapeampaan, mutta toki niitä voi suuremmassakin esittelyssä käyttää. Seuraavat ulkoasut soveltuvat myös tiimien ja hevoskeskusten esittelyihin.

-----

"Look how cute I am" kaksi laatikkoa, 532 x 612px

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: 477px; height: 101px; margin-top: 25px; margin-left: 27px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 0px brown;">
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>

-----

"Varsa" kaksi laatikkoa + nimimerkki, 537 x 365px

<div style="width: 180px; height: 146px; margin-top: 28px; margin-left: 324px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 0px 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: 180px; height: 146px; margin-top: 9px; margin-left: 324px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 0px 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: 287px; height: 50px; margin-top: -36px; margin-left: 20px; text-align: center; font-size: 25px; font-family: segoe script; font-style: italic; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px white;">
Nimimerkkisi</div>
</div>

-----

"Kitten" yksi laatikko + nimimerkki, 540 x 420px

<div style="width: 196px; height: 207px; margin-top: 26px; margin-left: 313px; text-align:left; font-size: 11px; font-family: tahoma; color: black; float: left; overflow:auto; text-shadow: 0px 0px 0px 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: 240px; height: 50px; margin-top: 90px; margin-left: 250px; text-align: center; font-size: 25px; font-family: segoe script; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 1px orange;">
Nimimerkkisi
</div>
</div>

-----

"Four cows" kaksi laatikkoa, 550 x 490px

<div style="width: 236px; height: 209px; margin-top: 253px; margin-left: 24px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 1px 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: 236px; height: 209px; margin-top: 253px; margin-left: 33px; text-align:left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow:auto; text-shadow: 0px 0px 1px 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>

-----

"Papukaija" kaksi laatikkoa, 513 x 562px

<div style="width: 255px; height: 275px; margin-top: 28px; margin-left: 234px; 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: 464px; height: 194px; margin-top: 35px; 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>

LG:stä - kapeammat ulkoasut