Isot ulkoasut

Lisään tekstin sitten kun kerkeän.

Koodeja vailla olevat, uudet ulkoasut:

Tässä olisi näitä isompia esittelyitä. Laitathan siis esittelysi leveydeksi se suuri -vaihtoehto. Tällöin ulkoasu näkyy kokonaan.
Nämä isot eivät varsinaisesti sovellu tiimien tai hevoskeskuksien esittelyihin. Suosittelen käyttämään niihin toisia ulkoasuja.

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagQ2WznC4qnouYx6sIIUA_mFYknb_Uih-eJRVV6c0xC2FEPTg5yBVkhj9Iwb5QFcLmRO0x30o-ostYJJMLKfT64LmeqebXpHoiQbFCL3LQ7lEHB48sqhd-6u7i8p6tjw3HTO7BDp0UIs/s1600/alwaysknow.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 40px; width: 392px; float: left; height: 105px; margin-left: 485px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 27px; width: 392px; float: left; height: 101px; margin-left: 485px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 35px; width: 392px; float: left; height: 102px; margin-left: 485px; overflow: auto;"> LAATIKKO 3 </div> <div style="margin-top: 35px; width: 392px; float: left; height: 101px; margin-left: 485px; overflow: auto;"> LAATIKKO 4 </div> </div>

<div style="width: 900px; height: 600px; margin: XX auto; background-color: XXX; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhKaq0Qsu829k1ON624J1LFd0d7YPHItc5kv6SAXcAxsxnK77_KedWdJkGp6hcrx-O-nNRryjFoMCIIuXzcDZcfZuyT1kb9jqZxowJ-a6dY2hYIAxlFmhTasx5ntSZ_p68KOb0w4ht-M/s1600/goodday.png); text-align: left; font-family: tahoma, geneva; color: black; font-size: 13px; line-height: X.Xem;"> <div style="margin-top: 64px; margin-right: 38px; overflow: auto; width: 400px; height: 140px; float: right;"> Tekstisi tähän!</div> <div style="margin-top: 250px; margin-right: -400px; overflow: auto; width: 400px; height: 126px; float: right;"> Tekstisi tähän!</div> <div style="margin-top: 430px; margin-right: -400px; overflow: auto; width: 400px; height: 126px; float: right;"> Tekstisi tähän!</div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEBPUkdNQMoFuh0w18xmM7IR8l_6GwXLYgeZjrZV0nd1_N-SybB7OoCrSrPCPpxFp1JLUPqGA_e8x9bB49-UGFIgmSPY49T3lacOrW9NjvBHE4-BBXXKcVntHnDUw6s7YvH6MmjW1gdkw/s1600/ride.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 46px; width: 262px; float: left; height: 128px; margin-left: 585px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 44px; width: 262px; float: left; height: 138px; margin-left: 585px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 45px; width: 262px; float: left; height: 125px; margin-left: 585px; overflow: auto;"> LAATIKKO 3 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBpCR1oVUzmReJ7-pz3NwSsbGNKNLSwph7CFxBmeJ9MzRDPIKnMAPFRNEG4RcfmLWQsOkU_1fL2cPdRunSpEkqM0MC2_VgFGrAPLTMoPFij_ivGi4twRbJJP9tqKU9VjAZfJPMwBsLcGw/s1600/smart.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 70px; width: 460px; float: left; height: 131px; margin-left: 75px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 25px; width: 460px; float: left; height: 131px; margin-left: 75px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 22px; width: 460px; float: left; height: 131px; margin-left: 75px; overflow: auto;"> LAATIKKO 3 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTVnIFKAFRTKaBd_BhctOo7sOyKbQhkNbLghy73a-PsMC8D2Q0zY4w6FHJcnWup7d1Xp0qkuc0na-4TsE5b9u452s8BH5rL06Vggzd_eSnbcjtbS-SdJHx916YpoZUCybdjbbvrOvjlMg/s1600/trust.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 55px; width: 265px; float: left; height: 420px; margin-left: 85px; overflow: auto;"> TEKSTI TÄHÄN </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgvR2iORbZ-cEfftTNdeQwTuFlVvUtkgBDuBV2IJM6oryFvZxg3EGGQpkN6ISPc7Ydqjcb7tVOPjHb36MnK4nPVZe7_3RsYtGEU4xcvnv_sq5SBYu4UudrFFSArQal83eZ8rra9c-5ug/s1600/moments.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 62px; width: 375px; float: left; height: 102px; margin-left: 67px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 193px; width: 375px; float: left; height: 100px; margin-left: -373px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 322px; width: 375px; float: left; height: 105px; margin-left: -375px; overflow: auto;"> LAATIKKO 3 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4tiehm7NcN4z7JCrQo4puzA_HFCUTa_usPV-bFYeFIY8Q-AQqc-mjXtM_EoPHE2F1ISKjVEeUZQvEwYIDGyZbW7qG6Y7cZg5Q7vqr_ii3nRxK_nnC5dE7pIMWCqgsGONmbD-859cUTQ/s1600/nurkkakisut.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 133px; width: 258px; float: left; height: 111px; margin-left: 75px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 133px; width: 395px; float: left; height: 111px; margin-left: 113px; overflow: auto;"> LAATIKKO 2 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqoeSamdjF8Bhd0UsWiVr0oHkF_1tZ62YxqdmFScgzoE5Ux9dHOGVV4kHlZec3jeSLHgUDjJ5RMb7x9W6_YGmTsmJJfBFphhatWzygybEo_BtL6xya2j4JsGZa6qSTHyejzU7qj39Nc-c/s1600/tikru.png); width: 910px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 51px; width: 268px; float: left; height: 116px; margin-left: 50px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 200px; width: 268px; float: left; height: 145px; margin-left: -268px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 377px; width: 268px; float: left; height: 148px; margin-left: -268px; overflow: auto;"> LAATIKKO 3 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3JJgtlKEkI8TGjJGlXkYViSHSyGxfL_P_8iDJrMxIDdeRApjGBIlA0HFS3rj8M2OejMC9kUuB8olHUA0lVvyVxXfBEPz-JdeNRqWWC9nrczrQzAbTA6RNfr9GPXi-teLchyphenhyphentbhyFxm_Y/s1600/polly.png); width: 920px; height: 580px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';"> <div style="text-align: right; margin-top: 111px; margin-right: 483px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 323px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 394px; float: left; height: 105px; margin-left: 42px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 1 teksti tähän </font></div> <div style="text-align: right; margin-top: 9px; margin-right: 441px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 323px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 394px; float: left; height: 105px; margin-left: 82px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 2 teksti tähän </font></div> <div style="text-align: right; margin-top: 8px; margin-right: 375px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 323px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 394px; float: left; height: 105px; margin-left: 148px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 3 teksti tähän </font></div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFkR_boiy22m_FIPy-g5gp2ETd86EV_BzPm-Ihqsgz4tlz7qqlps4z1A833dvdUsUXyNRWNmfgvWYVfyZt6c4pB5btpbvH6lDmxahHyIwpVe5g5ohZwgBqIxHz7Df_b6tf_azXKqC0OGQ/s1600/weare.png); width: 915px; height: 590px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 65px; width: 150px; float: left; height: 155px; margin-left: 15px; overflow: auto;"> TEKSTI TÄHÄN 1 </div> <div style="margin-top: 270px; width: 150px; float: left; height: 125px; margin-left: -150px; overflow: auto;"> TEKSTI TÄHÄN 2 </div> <div style="margin-top: 448px; width: 150px; float: left; height: 110px; margin-left: -150px; overflow: auto;"> TEKSTI TÄHÄN 3 </div> <div style="margin-top: 65px; width: 150px; float: left; height: 155px; margin-left: 585px; overflow: auto;"> TEKSTI TÄHÄN 4 </div> <div style="margin-top: 270px; width: 150px; float: left; height: 125px; margin-left: -150px; overflow: auto;"> TEKSTI TÄHÄN 5 </div> <div style="margin-top: 448px; width: 147px; float: left; height: 110px; margin-left: -150px; overflow: auto;"> TEKSTI TÄHÄN 6 </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_5d1bAA98sjUsEYWGjQJ1MJVsEiBFTkUwsT1wQvEBXEyaXqXo0Vjc3EmVVEfawhx0iOXTCWmzofCGJM1uzm45BJ5qk7on64noqy5th5tXxBnxxoEM5bEgYo8tlto8TekL8_MipdAo64/s1600/always.png); width: 920px; height: 500px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 113px; width: 340px; float: left; height: 95px; margin-left: 58px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 1 teksti tähän </font></div> <div style="margin-top: 231px; width: 340px; float: left; height: 95px; margin-left: -339px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 2 teksti tähän </font></div> <div style="margin-top: 346px; width: 340px; float: left; height: 95px; margin-left: -339px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 3 teksti tähän </font></div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbkaYYbu9UMBs_nULcn45NwyIMyxgyMcKkED6-lIMUD2E_3zt6vMPBEVxTmcHvaL95meuC-0Re2Ke8TZxgoF-3yCyGaHCk9jOvYgaQ-MtdDGQchPec_B3_Pnoc2fmyrOdpFzplD8wZnrw/s1600/haveseen.png); width: 920px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="text-align: right; margin-top: 62px; margin-right: 526px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 283px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 360px; float: left; height: 110px; margin-left: 32px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 1 teksti tähän </font></div> <div style="text-align: right; margin-top: 32px; margin-right: 526px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 283px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 360px; float: left; height: 110px; margin-left: 30px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 2 teksti tähän </font></div> <div style="text-align: right; margin-top: 28px; margin-right: 526px; color: rgb(255, 255, 255); font-size: 14px; overflow: auto; width: 283px; height: 13px; float: right; padding: 3px 5px 10px 15px; clear: both; background-color: #cc9966; border: 1px solid #7c6045; border-top-left-radius: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; font-weight: bold;"> OTSIKKO </div> <div style="margin-top: 2px; width: 360px; float: left; height: 110px; margin-left: 32px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 3 teksti tähän </font></div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCcOV84dkXdaKtqoMIUcEeGDQDYDJcNdGyhzOwoNh_gWcnfC5oWgw5f-fttmzNjqe2WAXvnlj5oNtEyJCDSVINutSCfcgzFYbpl2xVhhesFBTu0ZztP9agbDiCkKWBOBv4WfkO6zxu1qM/s1600/tankkia.png); width: 920px; height: 580px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 17px; margin-right: 474px; color: #fff; font-size: 15px; overflow: auto; width: 283px; height: 19px; float: right; padding: 3px 5px 10px 15px; clear:both; background-color: #000000; border: 1px solid #fff; border-radius: 35px 0 0 0; font-weight:bold;"> OTSIKKO </div> <div style="margin-top: 7px; width: 395px; float: left; height: 119px; margin-left: 45px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 1 teksti tähän </font></div> <div style="margin-top: 20px; margin-right: 472px; color: #fff; font-size: 15px; overflow: auto; width: 283px; height: 19px; float: right; padding: 3px 5px 10px 15px; clear:both; background-color: #000000; border: 1px solid #fff; border-radius: 35px 0 0 0; font-weight:bold;"> OTSIKKO </div> <p style="margin-top: 7px; width: 395px; float: left; height: 119px; margin-left: 47px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 2 teksti tähän </font></p> <div style="margin-top: 9px; margin-right: 470px; color: #fff; font-size: 15px; overflow: auto; width: 283px; height: 19px; float: right; padding: 3px 5px 10px 15px; clear:both; background-color: #000000; border: 1px solid #fff; border-radius: 35px 0 0 0; font-weight:bold;"> OTSIKKO </div> <div style="margin-top: 7px; width: 395px; float: left; height: 119px; margin-left: 49px; overflow: auto;"> <font color="#0c0c0c"> LAATIKKO 3 teksti tähän </font></div> </div>

<div style="background-image: url(http://i60.tinypic.com/a9gtc.jpg); width: 900px; height: 600px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 130px; width: 500px; float: left; height: 135px; margin-left: 375px; overflow: auto;"> TEKSTI TÄHÄN </div> <div style="margin-top: 35px; width: 495px; float: left; height: 135px; margin-left: 380px; overflow: auto;"> TEKSTI TÄHÄN </div>

<div style="background-image: url(http://i59.tinypic.com/20zvic5.jpg); width: 900px; height: 600px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 75px; width: 295px; float: left; height: 135px; margin-left: 80px; overflow: auto;"> TEKSTI TÄHÄN </div> <div style="margin-top: 237px; width: 295px; float: left; height: 123px; margin-left: -295px; overflow: auto;"> TEKSTI TÄHÄN </div> <div style="margin-top: 385px; width: 295px; float: left; height: 130px; margin-left: -295px; overflow: auto;"> TEKSTI TÄHÄN </div>

<div style="background-image: url(http://i59.tinypic.com/2h542sh.jpg); width: 900px; height: 600px; font-size: 12px;"> <div style="margin-top: 45px; width: 555px; float: left; height: 50px; margin-left: 180px; overflow: auto;"> <font face="vivaldi"><font color="#2e2722"><span style="font-size: 41px;"> <center> Nimimerkkisi tähän </center> </span></font></font> </div> <div style="margin-top: 39px; width: 409px; float: left; height: 130px; margin-left: 40px; overflow: auto;"> TEKSTI TÄHÄN text text text </div> <div style="margin-top: 39px; width: 373px; float: left; height: 130px; margin-left: 38px; overflow: auto;"> TEKSTI TÄHÄN </div> </div>

<div style="background-image: url(http://i61.tinypic.com/t0t2e1.jpg); width: 850px; height: 340px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 86px; width: 180px; float: left; height: 217px; margin-left: 32px; overflow: auto;"> TEKSTI TÄHÄN </div> <div style="margin-top: 86px; width: 220px; float: left; height: 217px; margin-left: 35px; overflow: auto;"> TEKSTI TÄHÄN </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXgiQaWqhFRwOTcxA3m64UuhJFS4XVnZcBR9Meb08Awv7Hgw4cUcKwx80cqc3L80yiKDJy95ZZ9vnXR5r4GvnUfoDshELwsdvxAriaXW5DpsvelYIl9kO7-Ln9nK7tPM0989UBtnHCSb8/s1600/1.png); width: 907px; height: 624px;"> <div style="margin-top: 50px; width: 263px; float: left; height: 148px; margin-left: 606px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#000000"><span style="font-size: 11px;"> LAATIKKO 1 teksti tähän </span> </font></font></div> <font face="tahoma, geneva, sans serif"><font color="#4a4b5a"> <div style="margin-top: 79px; width: 460px; float: left; height: 332px; margin-left: 69px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#ff8229"><span style="font-size: 11px;"> LAATIKKO 2 teksti tähän </span></font></font></div> </font></font></div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDkwCMVQIb8UHDokNLe2bwc7I4ZO6mJlVvkiyIRnK-mUjX4oT1ZbYJ7vwhCjZLEsFLnZKqL5Iq6XgFVuE3KqzZRSkeoBep7sthfG8mGkZU29mhlL6c_a6TbQssbaqQkBJaJUs9nBuUVAQ/s1600/2.png); width: 907px; height: 624px;"> <div style="margin-top: 46px; width: 223px; float: left; height: 312px; margin-left: 46px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#4a4b5a"><span style="font-size: 11px;"> LAATIKKO 1 Teksti tähän </span></font></font></center> </div> <div style="margin-top: 46px; width: 223px; float: left; height: 312px; margin-left: 76px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#4a4b5a"><span style="font-size: 11px;"> LAATIKKO 2 Teksti tähän </span></font></font></center> </div> <div style="margin-top: 46px; width: 223px; float: left; height: 312px; margin-left: 60px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#4a4b5a"><span style="font-size: 11px;"> LAATIKKO 3 Teksti tähän </span></font></font></center> </div> </div>

 <div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHZXPxJmHPKBzK4tGvGR2ulnvtcsaSDlIjH7HJSuS5i1tBwKNr3vdDXIBE4tOMOyfgbdksSmKRKJYssyS029UngKlUGYwWjz2azLXRgwYbbuEA_TMC7JEK0OPpB5pId3VzYkKxM4qHFmw/s1600/3.png); width: 907px; height: 624px;"> <div style="margin-top: 54px; width: 213px; float: left; height: 300px; margin-left: 78px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#070e16"><span style="font-size: 11px;"> LAATIKKO 1 Teksti tähän </span></font></font></div> <font face="tahoma, geneva, sans serif"><font color="#070e16"> <div style="margin-top: 54px; width: 510px; float: left; height: 300px; margin-left: 34px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#171b24"><span style="font-size: 11px;"> LAATIKKO 2 Teksti tähän </span></font></font></div> </font></font></div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRGyhp-0cM99UAUvqgGCu9pVaZMiBbe8yTGUq5rdW88lioqfz_mD9_PIAqI6L6nT_lzcipYbgZC4BtrDTiBXh-P_N-46eGANRuspivv-JHlwB5J2OaLRqjs5Cc44hsIbhAyoX-hdpBqEc/s1600/4.png); width: 877px; height: 444px;"> <div style="margin-top: 167px; width: 469px; float: left; height: 130px; margin-left: 38px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#070e16"><span style="font-size: 11px;"> LAATIKKO 1 Teksti tähän </span></font></font></div> <font face="tahoma, geneva, sans serif"><font color="#070e16"> <div style="margin-top: 20px; width: 469px; float: left; height: 90px; margin-left: 38px; overflow: auto;"> <font face="tahoma, geneva, sans serif"><font color="#171b24"><span style="font-size: 11px;"> LAATIKKO 2 Teksti tähän </span></font></font></div> </font></font></div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvgaiKEjZkd9UHXjEraSwATWhVCmK4gJ3eB64BeEXRittKHNsMP81xs46bjA7MmMnKyLQo8ikG8x7Ov5vO6xlwoSIwga2Eeg2BDXz4V2BYvnlmzFEIMD9M38cHELgSNqsMtZx55A3upKs/s1600/8.jpg); width: 857px; height: 594px;"> <span style="font-size: 11px; font-family: tahoma, geneva, 'sans serif';"><font color="#81562b"> <div style="margin-top: 318px; width: 760px; float: left; height: 245px; margin-left: 46px; overflow: auto;"> Tekstit tähän väliin. </div> </font></span></div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKnhxi8LOs2PCCPvl53o5x-fSFUOwKCjHCdieM1ECaGL7iXrcQghbqmcARsoI7GEf1MqsKtdvNgMVZA95UdqWqhs2oxFUqZS9g_l4N3x_NjQsDAbrv3pwhO8BenR_LUCs8oa_wFXaFbT4/s1600/6.png); width: 897px; height: 624px;"> <span style="font-size: 11px; font-family: tahoma, geneva, 'sans serif';"><font color="#00002b"> <div style="margin-top: 38px; width: 253px; float: left; height: 545px; margin-left: 48px; overflow: auto;"> Teksti tähän väliin. Muistathan, ettet riko koodeja. </div> </font></span></div>
<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhyEvLyfsmIkXSV3ZoBCWj-Usx-ST46DIEaa_VzSnhkfE37XhEwOYCjgo7GOEGMkMZAhxfWmKb34Uh8-NnyUBKLz_QdY89-V9deOW6DpfRqzhSL4q2myRFznj49SQcWsHMLxHf68n7Ho/s1600/7.png); width: 887px; height: 614px;"> <span style="font-size: 11px; font-family: tahoma, geneva, 'sans serif';"><font color="#000000"> <div style="margin-top: 48px; width: 473px; float: left; height: 165px; margin-left: 68px; overflow: auto;"> LAATIKKO 1 </div> <div style="margin-top: 23px; width: 473px; float: left; height: 155px; margin-left: 68px; overflow: auto;"> LAATIKKO 2 </div> <div style="margin-top: 203px; width: 235px; float: left; height: 135px; margin-left: -478px; overflow: auto;"> <font color="#fffff"> LAATIKKO 3 </font></div> <font color="#000000"> </font></font></span></div>

<div style="background-image: url(http://i41.tinypic.com/11il1s7.jpg); width: 853px; height: 583px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';"> <div style="margin-top: 45px; width: 372px; float: left; height: 405px; margin-left: 420px; overflow: auto;"> LAATIKKO 1 TEKSTI TÄHÄN </div> <div style="margin-top: -290px; width: 178px; float: left; height: 135px; margin-left: 198px; overflow: auto;"> LAATIKKO 2 TEKSTI TÄHÄN </div> </div>

<div style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaAqoWKQSuTnU1WvpFl5l9TEZa39HDzpipzcTUXZb4hXk2lGCgrmz5T0lYPbszWIw_LNUt4DMSvrPoQ5RbO_mLVNlvU6MQyPqY-WOspHsgM3ETlvqXJNJBahHv4yenoL0YH-Nslod19PM/s1600/iso.jpg); width: 853px; height: 483px;"> <div style="margin-top: 58px; width: 228px; float: left; height: 131px; margin-left: 59px; overflow: auto;"> <font color="#060606" face="tahoma, geneva, sans serif"><span style="font-size: 11px;">Laatikko 1</span></font></div> <div style="margin-top: 58px; width: 237px; float: left; height: 131px; margin-left: 24px; overflow: auto;"> <font color="#060606"><font face="tahoma, geneva, sans serif"><span style="font-size: 11px;">Laatikko 2</span></font></font></div> <div style="margin-top: 58px; width: 212px; float: left; height: 131px; margin-left: 30px; overflow: auto;"> <font color="#060606" face="tahoma, geneva, sans serif"><span style="font-size: 11px;">Laatikko 3</span></font></div> <div style="margin-top: 126px; width: 359px; float: left; height: 90px; margin-left: 67px; overflow: auto;"> <span style="font-size: 11px; font-family: tahoma, geneva, 'sans serif'; color: rgb(6, 6, 6);">Laatikko 4</span></div> <div style="margin-top: 126px; width: 319px; float: left; height: 90px; margin-left: 41px; overflow: auto;"> <font color="#060606"><span style="font-family: tahoma, geneva, 'sans serif'; font-size: 11px;">Laatikko 5</span></font></div> </div>