2018 - Kapeammat ulkoasut

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

 ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

"Coco" kaksi laatikkoa, 500 x 400 px
<div style="width: 500px; height: 400px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-UFM4CGWdw0RL8_z0eCYQGs3q2KVU6ySwtTSRHySxz8EP7AYjsTHTFyJPMscSpRN2-qZqjMngCcsvs7oyzson_4K2cHIdUkzdnKDgK23fEyhyphenhyphensZMang7xzgwvwymM1gRGgX6syor0nqY/s1600/1b.png); text-align: center;"> <div style="width: 164px; height: 130px; margin-top: 13px; margin-left: 93px; text-align: left; float: left; font-family: tahoma; color: #918571; font-size: 11px; 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 style="width: 220px; height: 343px; margin-top: -130px; margin-left: 266px; text-align: left; float: left; font-family: tahoma; color: #918571; font-size: 11px; 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>