Koodausohje

Tässä on pikaopas ulkoasun koodaamiseen! Edellisessä blogissa ohje väitettiin kopioiduksi.
Ohjetta ei ole kopioitu keneltäkään, olen tehnyt sen itse!.




Sinulla pitää olla pohja valmiina, jos et halua kirjoittaa läpinäkyvälle pohjalle. Ulkoasun koodi aloitetaan koodilla:

<div style="background-image: url(kuvanosoite tähän, älä poista sulkeita!); width: 555px; height: 660px; font-size: 11px; font-family: tahoma, geneva, 'sans serif';">

Width = ulkoasun pohjan leveys, kuinka paljon ulkoasun pohjaa on näkyvillä leveyssuunnassa. Selviää kokeilemalla.
Height= Ulkoasun pohjan korkeus, kuinka paljon ulkoasun pohjaa on näkyvillä pituussuunnassa. Selviää kokeilemalla.
font-size = Ulkoasun tekstin koko.
font-family = Ulkoasun tekstin fontti.

Sitten koodaaminen jatkuu laatikoiden koodaamisella (mitä enemmän laatikoita, sitä useamman kerran tarvitset tämän koodin!):

<div style="margin-top: 200px; width: 150px; float: left; height: 135px; margin-left: 125px; overflow: auto;">
TEKSTI TÄHÄN tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
 tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä
tekstiä tekstiä (kannattaa laittaa paljon tekstiä, koska sitten koodaaminen on helpompaa)
</div>

margin-top = Kuinka kaukana tekstilaatikko on ulkoasun yläreunasta. Selviää vain kokeilemalla.
width          = Tekstilaatikon leveys, kannattaa laittaa noin 0.5 cm laatikkoa pienemmäksi niin näyttää hienommalta. Selviää vain kokeilemalla.
height         = Tekstilaatikon pituus, jos laatikko on pitkä, kannattaa laittaa paljon teksti -sanoja niin helpompi koodata. Selviää vain kokeilemalla.
margin-left = Kuinka kaukana tekstilaatikko on ulkoasun vasemmasta reunasta. Tämä selviää vain kokeilemalla, Jos ei meinaa asettua, kokeile negatiivisilla arvoilla, esim. -100px.
Jos et halua tekstilaatikosta scrollattavaa, jätä koodista pois kohta: overflow: auto, mutta tällöin voit kirjoittaa vain tietyn verran tekstiä. En siis suosittele sitä.

(c) hopeatähti12. OHJEEN LUVATON KOPIOINTI EHDOTTOMASTI KIELLETTY!