2015 - Kapeammat ulkoasut

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

----------------------------------------------------------------------------------

"White" yksi laatikko, 518 x 577px
<div style="width: 518px; height: 577px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinchapuBLjBRle-vtF3DYpnE9LVz4lFZLrrNMbL_F7Z-SyPorLTkxJxaajcfNP7mnVo1uDOLChTLTvlAXX7bfnqfTG0KCOn1Xtk6FjbtRyYrb0RtEznEl2hSD2q0ajHpAu-vfxRvBuKxI/s1600/8419603259_1655c58962_o.png); text-align: center;"> <div style="width: 446px; height: 198px; margin-top: 349px; margin-left: 37px; 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. 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>

-----

"Purple" yksi laatikko, 518 x 518px
<div style="width: 518px; height: 518px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1KfWpVr2BChACH5DBTZG9jqxO9uB3zpDb7Vn_uNt0idYg9ZQtPdxcCLO9ZXLYQuAraFKQBg13E5dr3_Z9iHFKR7vmwynM3wU-nSt2ty8ZjpUuPwUq2SmKb8xTiCbb7xsTMYK-lueGu5w/s1600/4207470483_9c42844d70_o.png); text-align: center;"> <div style="width: 446px; height: 198px; margin-top: 288px; margin-left: 37px; 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. 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>

-----

"Snowman" yksi laatikko, 520 x 504px
<div style="width: 520px; height: 504px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinkweXXjRVtrEZCbHY7UTfJ3yfGNmunD7UVqIczajm-4II_yVoAj0AbNC57-L0kruZ2Cn6MOfjOc2aFq2N_ex_CcjjVggd-U_JWHeScMfHflEyqx7p71RVatHuJeeSpURemimSoHJFFl4/s1600/christmast.png); text-align: center;"> <div style="width: 446px; height: 220px; margin-top: 265px; margin-left: 20px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 2px #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>

-----

"Linnapalatsi" yksi laatikko, 512 x 706px
<div style="width: 512px; height: 706px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7yqUkhVPYrxibKSJiVM-4S0ujOgTVbE6PSOWGc16h9vjkxLe0LU4eNZUBNg1RWlzLgAe5vvls3VM_gJYQ5w60OnDhPrkyUhM_YjG123nKM6Ra_B8bvF96XGDgzSHm9Jf3ZeuHkeg_7w/s1600/6315845665_2dc3f95a86_o.png); text-align: center;"> <div style="width: 395px; height: 246px; margin-top: 411px; margin-left: 59px; 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>

-----


"Sky" yksi laatikko, 510 x 652px

<div style="width: 510px; height: 652px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhikgRSzqw5hGxLYWdRy4iSBOH-RxGZle2lBtPsGu0zeqKIFhiMpb-larc8TpqM-LZibANqSsLZCs0iU6QwFfYu4X5s2-c4YIK0kh8kmH0kSZFL6VJAgCej-TlAEbpD6DHJr-5jzHuqZSA/s1600/2981779469_376d123357_o.png); text-align: center;"> <div style="width: 441px; height: 243px; margin-top: 35px; margin-left: 35px; 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>

-----

"Sleeping" kaksi laatikkoa, 430 x 719px

<div style="width: 430px; height: 719px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi86ONK5OOwixDdMv2Xh1oD7QHtyTk24perHvVJ-Z3phNxQDVoEj78G-5wjC_Qmimi7BGxfjE0wByvAwvzSqj6fYqejHKbyhznZdx3AB5GmlyFGgdbix-CM7Bx2ZZ_BW8T6LKX51OmoNAA/s1600/kissa.png); text-align: center;"> <div style="width: 395px; height: 196px; margin-top: 286px; margin-left: 18px; 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: 395px; height: 196px; margin-top: 10px; margin-left: 18px; 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>

-----

"Kvak kvak" yksi laatikko, 530 x 326px
<div style="width: 530px; height: 326px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-FlPQ1Goy3NrnyVHGf_YenUa8hC4KfTC7R0PNf-acZQMFIR4pBQ37eJ4d-DeBvbLtynAdydFAT_XzPZXpInwQK2uCJbrSiX2D1oAesICohv0TA0Fn596EuOZXYL8UQUqN_CztUc4Eik/s1600/uusi.PNG); text-align: center;"> <div style="width: 297px; height: 248px; margin-top: 39px; margin-left: 194px; 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>

-----

"Sunset" yksi laatikko, 530 x 557px
<div style="width: 530px; height: 557px; margin: auto; background-color: transparent; background-image: url(http://i61.tinypic.com/mvg2nq.png); text-align: center;"> <div style="width: 415px; height: 210px; margin-top: 60px; margin-left: 56px; 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>

-----

"Vedenalaiset" kaksi laatikkoa, 475 x 768px
<div style="width: 475px; height: 768px; margin: auto; background-color: transparent; background-image: url(http://i58.tinypic.com/2vs5es8.png); text-align: center;"> <div style="width: 360px; height: 219px; margin-top: 61px; margin-left: 60px; 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: 359px; height: 138px; margin-top: 12px; margin-left: 60px; 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>

-----

"Nature" yksi laatikko, 524 x 624px
<div style="width: 524px; height: 624px; margin: auto; background-color: transparent; background-image: url(http://i58.tinypic.com/2147ajp.png); text-align: center;"> <div style="width: 415px; height: 199px; margin-top: 136px; margin-left: 57px; 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>

-----

"Paris" kaksi laatikkoa, 514 x 797px
<div style="width: 514px; height: 797px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKB5OSRDHDLPbrFOzOrdCAnB28ysqRpJL0CUJrTI2lh6rv3jAqo_ZCJ2oPtH74lnUppPDWBxpQhwGBo-iiR8lCh_UMDDHIdLUrFe1HBJ9vZ-cJaBjMS19Bm2PydcJDlPjX9h1rzOinN2g/s1600/paris.png); text-align: center;"> <div style="width: 435px; height: 179px; margin-top: 384px; margin-left: 42px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 2px 6px #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: 435px; height: 183px; margin-top: 11px; margin-left: 42px; text-align: left; font-size: 11px; font-family: tahoma; color: #fff; float: left; overflow: auto; text-shadow: 0px 2px 6px #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>

-----

"Brown Horse" yksi laatikko, 509 x 538px
<div style="width: 509px; height: 538px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAqmtynjKqpSMn5OUKMI05fL9ynjOdJXcDpm0TR2DJZ_4KXsaDcgyhmkmn1YYWQlZ55kpeBKVb7M4IKTBAJxazjn_rSYlSgpxakg7IbebeD4NCeW4aGWH4RRftTsBjzm7uPpiL2ztxX4/s1600/ULKOASU+3.png); text-align: center;"> <div style="width: 247px; height:455px; margin-top: 44px; margin-left: 222px; text-align: left; font-size: 11px; font-family: tahoma; color: #000; float: left; overflow: auto; text-shadow: 0px 0px 4px #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>