» Koodaus

Jep, tässä ovat ne ohjeet, joilla olen ennen opettanut maksusta teitä koodaamaan. Nykyään howrsessa ei saa tehdä mitään maksusta (paitsi jotakin itse howrsen sisäisiä juttuja; hevosten ostoa yms), joten mitä minä näitä ohjeita alan panttaamaan. Toki saa pistää jotakin kiitoksia, mutta nyt se on vapaaehtoista.

Lue ohjeet tarkoin läpi. Kokeile erilaisia säätöjä, koodauksen oppii vain kokeilemalla ja ihmettelemällä. Minulla ei ole aikaa erikseen kertoa miksi jokin on mennyt pieleen, olen pahoillani. Jos kerkeän, niin ehkä sitten voin apua antaa, mutta ota huomioon; minulla on tällä hetkellä, 30.6.2014, yli 140 lukematonta viestiä vastattavana.


Jos löydät ohjeista jotakin vikaa, ilmoitathan? Lisään tänne sitten lisää ohjeita, kunhan kerkeän:

OHJEET:

<div style="background-image: url(TÄHÄN TULEE KUVAN LINKKI); width: 555px; height: 660px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';">

Tuo on se koodi, jolla saa sen kuvan siihen taustaksi. Pistät sen kuvan linkin osoittamaani paikkaan, eli ''TÄHÄN TULEE KUVAN LINKKI''. Ota huomioon, että jos poistat sulut, koodi ei toimi. Eli jätä sulut.
Jos sinulla ei ole ulkoasupohjaa, voit käyttää tätä:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKSmgXJKUPWfLcTQ3lrcHglloO6Q-_p0r2PunS9WnQYzkqpCtMEs-Xr7U0M1fiLGShfYytDT0QXNWmt6VaADZSDiwPbI2Yi5ktgv_LIBfY0UY_eDWo8fWL-LWf-GC1RECenpxOMJr0iqU/s1600/4.png

Oletko hyvä enkussa?

width = leveys, se, miten leveä se kuva on, tällä siis saa rajattua kuvan kapeammaksi, tai sitten leveämmäksi. (kuvan suhteet pysyvät samana.

height = korkeus, näyttää kuinka paljon kuvan korkeutta näkyy

tuo px tuossa on se, mitä pitää katsoa. Tarkoittaa pikseliä, että montako pikseliä leveä tai korkea, riippuen siitä ''käskystä. mitä isompi luku siinä px:n edellä on, niin sitä leveämpi/korkeampi/ tai fonteissa isompi on se määrä..

Kysyttävää? Jatkuu tekstien koodaamisella:

<div style="margin-top: 200px; width: 150px; float: left; height: 135px; margin-left: 125px; overflow: auto;">
TEKSTI TÄHÄN
</div>

Tuossa on tuo.
Margin-top = kuinka korkealta alkaa se tekstiloota

width ja height samat kuin aikaisemmassa (siis siinä toisessa koodissa) Eli näillä määritellään korkeus ja leveys tekstilootalle. Kannattaa teksti loota pistää täyteen tekstiä, niin on helpompi koodata.

margin-left = kuinka kaukana on tekstilaatikon reuna reunasta

Kannattaa sitten aika paljon pistää tekstiä siihen lootaan, niin näet sen rajat Esim
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text ...
jne

Sitten koodatessa kannattaa ravata normaali- ja html tilan välillä, niin ei tarvitse erikseen aina tallennella välissä :) Mutta ota huomioon, että jos pistät ensin vain tuon kuvakoodin, ja käyt vaikka katsomassa sitä normaalissa tilassa, howrse lisää sen perään käskyn </div>. Joten, kun pistät laatikkokoodin, katso, ettei kuvakoodin ja laatikkokoodin välissä ole </div>, muuten laatikko menee kuvan alle, eikä mene sen päälle.
 Jos haluat enemmänkin laatikoita, katso ettei niiden väliin tule kahta </div>. Yksi pitää olla tai se uusi laatikko menee edellisen sisälle.

Vinkkinä, että kannattaa pistää koodien väliin väliä. SIlloin sinun on helpompi hahmottaa, missä mikäkin koodi menee. Esim.

koodi 1

koodi 2

koodi 3

jne.

Ja hei, jos tulee kysyttävää, kysy kommentissa :) Eiköhän joku muu sitten kerkeä kirjoittamaan apua, jos minä en kerkeä ^^