© Ralle // päivitetty 06.08.2015
Ulkoasupohja koodataan Howrsessa, HTML-tilassa.
Ulkoasun koodin pätkät löydät aivan tämän tekstin alareunasta. Noissa suluissa olevia ''otsikko'' tekstejä ei tarvitse kopioida. Vain ne, jotka alkavat merkillä ''<''.
Ulkoasupohja koodataan Howrsessa, HTML-tilassa.
Ulkoasun koodin pätkät löydät aivan tämän tekstin alareunasta. Noissa suluissa olevia ''otsikko'' tekstejä ei tarvitse kopioida. Vain ne, jotka alkavat merkillä ''<''.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
◆ Tässä pieniä apuja ensimmäiseen koodin osaan ◆- Width - kuvan leveys, rajattua kuvaa saa kapeammaksi tai leveämmäksi.
- Height - Kuvan korkeus, näyttää kuinka paljon kuvan korkeutta näkyy.
- Kuvan hyvät leveydet ja korkeudet: Leveälle ulkoasulle: Width 932px Height 492px (tai mikä tahansa muu, 190, 290, 390, 490, 590 yms, 990. Sopivat hyvin howrsen kokoon Height korkeudessa ! ) Ja kapealle: width 552px ja height sama kuin leveälle.
- Ensimmäiseen koodin osaan (koodin osat alhaalla), kuvan linkki tulee siihen missä lukee: TÄHÄN TULEE KUVAN LINKKI (sulkujen väliin).
- Kuvan voit ladata esim. Tinypic.com sivustolle ja muista: älä laita kuvan linkkiä HTML-muodossa sulkujen väliin. Vaan laita se ihan normaalina linkkinä sinne.
- Jos liikaa </div> merkintöjä koodin lopussa ( kaksi tai enemmän) poista muut ja jätä yksi, ja jatka koodaamista !
- Enteriä on hyvä painaa koodin osan jälkeen HTML-tilassa, ei normaali tilassa. ( ei pakko ! mutta selventää koodaamista ) Enterit voi poistaa koodauksen jälkeen, ei riko koodia!
◆ Tässä pieniä apuja toiseen koodin osaan, eli laatikon koodiin ◆
- Margin-top - Kuinka korkealta tekstiloota alkaa kuvan yläreunasta.
- Width & height - tekstilootan koko.
- Width (laatikko koodissa) - leveys
- Height (laatikko koodissa) - korkeus
- Margin-left - Kuinka kaukana tekstilootan reuna, kuvan reunasta
- Jos laatikoita enemmän kuin yksi, -> monta laatikko koodia !
- Jos laatikot eivät mene kunnolla paikoilleen, on käytettävä negatiivista tai posiitivista koodia: Miinus eli - ja plus eli + merkkejä. Ne riippuvat koodista ja boksista, milloin kumpikin siirtää koodia, se on testattava! Esim. (width) -320 ja (height) 200.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<div style="background-image: url(TÄHÄN TULEE KUVAN LINKKI); width: 000px; height: 000px; font-size: 12px; font-family: tahoma, geneva, 'sans serif';">
(BOKSIEN KOODI: )
<div style="margin-top: 000px; width: 000px; float: left; height: 000px; margin-left: 000px; overflow: auto;">
TEKSTI TÄHÄN
</div>
Kirjoittaja on poistanut tämän kommentin.
VastaaPoistaHyvät ohjeet, mutta en tiedä tajusinko siltikään tätä ihan täysin. Mistä tiedän, että paljonko on väliä pohjan reunalla ja laatikolla? No pitkät piuhat, mitkä pitkät piuhat! :3
VastaaPoistaMargin left ja margin top määrittävät ne.
PoistaKiitos paljon! ^_^ Sain koodattua ekaa kertaa ulkoasuni täydellisesti, nyt kun keskittyminenkin riitti! :3 - Nightcrawler
VastaaPoistaJes! Hyvä että ohjeistani on apua:)
PoistaTekstilaatikko näkyy mutta kuva ei, mitä teen :o
VastaaPoistaHowrsessa hokkiheppa
Kuvan linkki pitää laittaa normaalissa muodossa, ei html koodina siihen kohtaan, missä neuvotaankin.
PoistaJos kuva ei muusta syystä näy, koodi on rikki tai kuva liian suuri.
Ei toimi, teksti on ainoa mikä näkyy koodissa
VastaaPoistaOlethan kopioinut kuvan url-osoitteen (klikkaa oikealla hiiren painikkeella kuvan päältä ja valitse "kopioi kuvan osoite) etkä sitä osoitetta joka on osoitekentässä?
Poistahmph... taidan olla harvinaisen tyhmä kun en osaa koko hommaa :C niin pitääkö nuo koodin osat laittaa howrsen tilaan vai tehdäänkö koodi jossain muualla?
VastaaPoistaUlkoasupohja koodataan Howrsessa, HTML-tilassa.
PoistaMiten saan esim. RNS Camelia fontin ulkoasuuni kun minulla se ei jostakin syystä vaidu normaalissa tilassa siihen fonttiin vaan pysyy vanhana. Ja miten tekstin väriä pystyy muuttamaan? Howrsessa omppu77
VastaaPoistaItsekään en osaa fonttia vaihtaa ^^ Eikä minulla ole koodia sille.
PoistaTekstin väriä voi vaihtaa normaalisti Howrsen esittelyssä.
En ihan tajunnut tuota tekstilaatikko-kohtaa, koska mulla tulee se "TEKSTI TÄHÄN" Juttu sen kuvan alapuolelle? Howrsessa Jilly
VastaaPoistaMuista laittaa nämä koodiin paikoilleen, ne eivät selviä kuin kokeilemalla:
PoistaMargin-top - Kuinka korkealta tekstiloota alkaa kuvan yläreunasta.
Width & height - tekstilootan koko.
Width (laatikko koodissa) - leveys
Height (laatikko koodissa) - korkeus
Margin-left - Kuinka kaukana tekstilootan reuna, kuvan reunasta
Tein 2 laatikkoa ulkkaani. Toisen sain onnistumaan, mutta kun yritän tehdä toisen, niin siinä käy toi että se menee sen alapuolelle. Jos vaihdan niiden paikkaa, niin että se toinen tulee ensin (html-tilassa) niin sitten taas se onnistunut laatikko menee alas. Toivottavasti ymmärsit mitä tarkoitan.
PoistaJos laatikoita enemmän kuin yksi, -> monta laatikko koodia !
PoistaJos laatikot eivät mene kunnolla paikoilleen, on käytettävä negatiivista tai posiitivista koodia: Miinus eli - ja plus eli + merkkejä. Ne riippuvat koodista ja boksista, milloin kumpikin siirtää koodia, se on testattava! ESIMERKIKSI (width) -320 ja (height) 200.
En saa edes tuota koodi näkymään normaalitilassa siihen. olen ihan ulkona koko koodaus hommasta, vaikka olen kaikki mahdolliset koodaus jutut lukenut mutta en saa vaan toimimaan :C
VastaaPoistaNämäkin ovat vain suuntaa antavat ohjeet.
Poistasiis pitääkö laittaa vain kuvan koodi ja nää koodis vai? piitääkö lopuks kirjoittaa text text text?
VastaaPoistaVoitko selittää selkeämmin?
PoistaÄh, luovutan. Siihen vaan tulee paljon samoja, samankokoisia kuvia, minkä valitsin siihen pohjaksi. :I
VastaaPoistaHowrsessa LilaShettis
Se tarkoittaa sitä että kuvan koko on liian pieni yhteen kuvaan, sun pitää kirjoittaa sama kuvakoko tuohon koodin kun siinä sun kuvassa on koko, sillon se ei monistu
PoistaMiten sen itsetehdyn ulkoasun pohjan saa laitettua Howrseen?
VastaaPoistaKoodilla. ^
Poista