Kapeat ulkoasut

Kapeita ulkoasuja.

                                   * läpinäkyvä pohja
koodi:

<div style="background-image: url(http://kuvapilvi.fi/k/yHoW.png); width: 500px; height: 480px;
font-size: 12px; font-family: Segoe Print, geneva, 'sans serif';">
<div style="margin-top: 20px; width: 170px; float: left; height: 170px; margin-left: 25px; overflow: auto;">
Teksi tähän.
</div>
<div style="margin-top: 210px; width: 205px; float: left; height: 250px; margin-left: -160px; overflow: auto;">
Teksti tähän.
</div>
<div style="margin-top: -120px; width: 200px; float: left; height: 120px; margin-left: 270px; overflow: auto;">
Teksti tähän.&nbsp;
</div>
<div style="margin-top: -160px; width: 200px; float: left; height: 20px; margin-left: 270px; overflow: auto;">
Linkki tähän.
<br></div>
<div style="margin-top: -200px; width: 200px; float: left; height: 20px; margin-left: 270px; overflow: auto;">
Linkki tähän.&nbsp;
</div>
<div style="margin-top: -240px; width: 200px; float: left; height: 20px; margin-left: 270px; overflow: auto;">
Linkki tähän. <br></div>



                                                * läpinäkyvä pohja
koodi:

kesken...



  koodi:                                      Sopii myös hevoskeskukselle
<div style="background-image: url(http://kuvapilvi.fi/k/y3Tt.png); width: 530px; height: 350px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';"></div>
<div style="margin-top: -330px; width: 250px; float: left; height: 150px; margin-left: 25px; overflow: auto;">
Älä pyyhi laatikkoa kokonaan, sillä se saattaa rikkoa ulkoasun koko koodin. <br>Riviä vaihtaessasi on hyvä painaa shift (ylöspäin osoittava nuoli caps lockin alla) pohjaan, ettei teksti hyppää pois.<br>Kiitämme vielä kun käytät Dream Grafiikkaa!<br>
</div>
<div style="margin-top: -155px; width: 250px; float: left; height: 140px; margin-left: 25px; overflow: auto;">
Älä pyyhi laatikkoa kokonaan, sillä se saattaa rikkoa ulkoasun koko koodin. <br>Riviä vaihtaessasi on hyvä painaa shift (ylöspäin osoittava nuoli caps lockin alla) pohjaan, ettei teksti hyppää pois. <br>Kiitämme vielä kun käytät Dream Grafiikkaa!<br> </div>









Ei kommentteja:

Lähetä kommentti