2019 - 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.

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

kaksi laatikkoa, 514 x 595 px

<div style="width: 514px; height: 595px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMlbbEn9wcwq7gD1-kId7_04szN_e8lyMV1smunD8pI6fmWSJYr1Dwr8bMKSqhrqtMNWODxsRIq0LDE5Up3IqEU_j6YkO7c6Bs378IEzDzurgC2Nh5RkZkkVK2Df8h6YHHzbBekCHZGck/s595/coffee-5037804_1920.png); text-align: center;"> <div style="width: 374px; height: 126px; margin-top: 72px; margin-left: 70px; text-align: left; float: left; font-family: tahoma; color: #2a2a2a; 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ä nappia enterin alapuolella, jossa on nuoli ylöspäin, jotta rivin vaihto ei rikkoisi laatikon koodia. </div> <div style="width: 374px; height: 126px; margin-top: 16px; margin-left: 70px; text-align: left; float: left; font-family: tahoma; color: #2a2a2a; 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ä nappia enterin alapuolella, jossa on nuoli ylöspäin, jotta rivin vaihto ei rikkoisi laatikon koodia. </div> </div>

--

yksi laatikko, 504 x 417 px
<div style="width: 504px; height: 417px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjma8xDEUGn3geTyX7LM7VLSSMBAh0yCQfp7v1_h7ZqoMIfuuMgdGOc7h2Z8If3W-85Ypt9hnM6r4lYw05RA7zXCPls-YOE_43zcuyO7CUnNB7vm4TfFVI5Si0xszYMJAR6kVqDdXOAq80/s1600/hare-4093851_1920.png); text-align: center;"> <div style="width: 221px; height: 140px; margin-top: 230px; margin-left: 45px; text-align: left; float: left; font-family: tahoma; color: #2a2a2a; 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ä nappia enterin alapuolella, jossa on nuoli ylöspäin, jotta rivin vaihto ei rikkoisi laatikon koodia.</div> </div>