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

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

"Appaloosa laiduntaa" kaksi laatikkoa, 512 x 560 px
<div style="width: 512px; height: 560px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2nkg0eN7N0Nj4e-JpyqS-DbWemOzSBFAPGhYWnOPQnrHbLqbdQhxEqmtnVF2iiVW6JKjxv-zBrdgC7m9N2oJldN4uhRzhuVV8uqbeNJlIgVMlyWbVpQ-7tQ4PueLzxChzkWK-vV_z1Ys/s1600/Nimet%25C3%25B6n.png); text-align: center;"> <div style="width: 236px; height: 270px; margin-top: 280px; margin-left: 16px; text-align: left; float: left; font-family: tahoma; color: #000; 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: 236px; height: 270px; margin-top: 280px; margin-left: 10px; text-align: left; float: left; font-family: tahoma; color: #000; 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>

-----

"Delfiinit" yksi laatikko, 508 x 567 px
<div style="width: 508px; height: 567px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpQ3VncaWeHY3uzTqXq_WgBTV6xmqAvw8dX6OJpxqD4AeDRRq3j6Qe3CrzhnckmXqE7aZcoG8BKAKS_NYwEhqIGTxqjwYLkJjSnq5-9bSceRmIdHpAVIXZ0jZw1hsY61B6vMUVLoD9gHY/s1600/loro-parque-2192438_1920.png); text-align: center;"> <div style="width: 406px; height: 170px; margin-top: 52px; margin-left: 53px; text-align: left; float: left; font-family: tahoma; color: #fff; font-size: 11px; 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. 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>

-----

"001" kaksi laatikkoa, 506 x 303 px
<div style="width: 506px; height: 303px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh51FNQ0OJC6y0NfpFTINlfqgEpW2arqHIBCr23eJyj2lB6NDzClBmrj8b42uapcl6Eq9eU86MrJIW0YlCjS9AV4W-_KBdqy7AvZXmaAIQOLmH8k99xKxuXswzJBWpYaEWunV9tRlmWXBw/s1600/animal-1787835_1920.png); text-align: center;"> <div style="width: 203px; height: 90px; margin-top: 40px; margin-left: 270px; text-align: left; float: left; font-family: tahoma; color: grey; 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: 203px; height: 90px; margin-top: 9px; margin-left: 270px; text-align: left; float: left; font-family: tahoma; color: grey; 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>

-----

"Sunrise" kaksi laatikkoa, 514 x 413 px
<div style="width: 514px; height: 413px; margin: auto; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFCE4IBRDDBhUYI-K-nm3J4Pu952EHD4dfKyKu3uyNJ74oBgvalvuigIu9R-NFMNLfVmT2w57EH28_gBYFriVDvo7lgPGIk4RNcGH005bQVNcNg7jvprutHDQDedWTIS2vSHFBmm7-7k/s1600/horse-1707909_1920.png); text-align: center;"> <div style="width: 196px; height: 148px; margin-top: 54px; margin-left: 288px; text-align: left; float: left; font-family: tahoma; color: #000; 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: 196px; height: 148px; margin-top: 13px; margin-left: 288px; text-align: left; float: left; font-family: tahoma; color: #000; 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>