Ulkoasut

Ulkoasut

 Ulkoasujen ohje:

Kopioi koko koodi. Mene esittelysi html tilaan ja liitä koodi sinne. Varmuuden vuoksi tallenna esittely tässä kohtaa. Mene taas muokkaamaan esittelyä, tällä kertaa kuitenkin jää esittelyn sivulle (ei html sivulle). Pyyhi tekstilaatikosta melkein koko osa pois, älä kuitenkaan kaikkiea. Jätä ainakin yksi kirjain ettei koko koodi mene rikki. Kirjoita sana/lause ja poista sen jälkeen edessä oleva turha kirjain. Sen jälkeen voit kirjoittaa vapaasti.

Vielä muistutan että älä koskaan poista teksti lootasta kaikkea kirjoitusta! Muuten koodi voi mennä rikki. 

                                                           Leveät
                                       Kapeat

                                        kapeissa ulkoasuissa

                                      leveissä ulkoasuissa

                                              leveissä ulkoasuissa, kolme laattikkoa + otsikko
koodi:
 <div style="background-image: url(http://kuvapilvi.fi/k/yXSv.png); width: 640px; height: 426px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';"><font color="ffffff">
</font><div style="margin-top: 30px; width: 250px; float: left; height: 150px; margin-left: 40px; overflow: auto;"><font color="ffffff">
<br>Oma tekstisi tähän.&nbsp;
<br>Älä pyyhi laattikkoa kokonaan, sillä se saattaa rikkoa ulkoasun koodin.<br>Riviä vaihtaessasi paina shift (ylöspäin osoittava nuoli caps lockin alla) pohjaan, ettei teksti hyppää pois. <br>Voit vaihtaa tekstin väriä tavallisesti.</font><br></div>
<div style="margin-top: 30px; width: 295px; float: left; height: 150px; margin-left: 30px; overflow: auto;"><br><font color="ffffff">Oma tekstisi tähän. <br><font color="ffffff">Älä p<font color="ffffff">yyhi laattikk<font color="ffffff">oa ko<font color="ffffff">konaan, sillä se saattaa rikkoa ulkoasun koodin.<br><font color="ffffff">Riviä vaihtaessasi paina s<font color="ffffff">hift (ylöspäin osoittava nuoli caps lockin alla) pohjaan, ettei teksti hyppää pois.<br><font color="ffffff">Voit vaihtaa tekstin väriä tavallisesti.</font><br></font></font></font></font></font></font></font></div>
<div style="margin-top: 30px; width: 240px; float: left; height: 200px; margin-left: 40px; overflow: auto;">
<font color="ffffff"><br>Oma tekstisi tähän.&nbsp;
<br>Älä pyyhi laatikkoa kokonaan, sillä se saattaa rikkoa ulkoasun koodin. <br>Riviä vaihtaessasi paina shift (ylöspäin osoittava nuoli caps lockin alla) pohjaan, ettei teksti hyppää pois. <br>Voit vaihtaa tekstin väriä tavallisesti.</font><br></div>
<div style="margin-top: 160px; width: 270px; float: left; height: 35px; margin-left: 50px; overflow: auto;"><h1>
<font color="ffffff">Oma otsikkosi tähän</font>
</h1></div>

                                         Wild and Free!

                                            kolme laatikkoa ,leveään,

koodi:              (Ilmoita koodin mahdollisesta ongelmasta käyttäjälle Sanni 10 )

 <div style="background-image: url(http://i.imgur.com/MDySobz.jpg); width: 640px; height: 350px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';">
<div style="margin-top: 55px; width: 150px; float: left; height: 135px; margin-left: 25px; overflow: auto;">
TEKSTI TÄHÄN<br>Älä pyyhi laatikkoa kokonaan sillä se saattaa rikkoa koko koodin. Mikäli
 tahdot jättää laatikon tyhjäksi jätä ainakin kaksi välilyöntiä tilalle.
 <br>Rivin vaihdossa on hyvä painaa&nbsp; shift-näppäintä (caps locin alla oleva nuolinäppäin)<br>
</div>

<div style="margin-top: 55px; width: 150px; float: left; height: 135px; margin-left: 270px; overflow: auto;">
TEKSTI TÄHÄN<br>Älä pyyhi laatikkoa kokonaan sillä se saattaa rikkoa koko koodin. Mikäli
 tahdot jättää laatikon tyhjäksi jätä ainakin kaksi välilyöntiä tilalle.
 <br>Rivin vaihdossa on hyvä painaa&nbsp; shift-näppäintä (caps locin alla oleva nuolinäppäin)<br>
</div>
<div style="margin-top: -135px; width: 150px; float: left; height: 135px; margin-left: 235px; overflow: auto;">
TEKSTI TÄHÄN<br>Älä pyyhi laatikkoa kokonaan sillä se saattaa rikkoa koko koodin. Mikäli
 tahdot jättää laatikon tyhjäksi jätä ainakin kaksi välilyöntiä tilalle.
 <br>Rivin vaihdossa on hyvä painaa&nbsp; shift-näppäintä (caps locin alla oleva nuolinäppäin)<br>
</div>

                                                    

                                                          

Joissain ulkoasuissa voi olla tekstin kanssa pieniä ongelmia,  kuitenkin pystyy kirjoittamaan siihen, se vain on "erilainen". Jos tässä ilmenee liikaa virheitä ilmoita ulkoasun koodaajalle.