Peruskoodeja foorumia varten

Peruskoodeja foorumia varten Jan 30, 2020 1:04:42 GMT 2

Quote

Post by Deleted on Jan 30, 2020 1:04:42 GMT 2

Koodaaminen

Foorumilla on mahdollista koodata hahmotietoja, jolla niistä saadaan oikein nättejä. Tämä ei tietenkään ole pakollista, mutta se on mahdollista! Tässä on teille kauan odotettu tekstinpätkä koodaamisesta!

Ensi alkuun sanon, että olen itsekin vasta alokas koodaamisen suhteen, enkä osaa esimerkiksi käyttää oikeita termejä, kun puhutaan koodaamiseen liittyvistä jutuista. Olen koonnut vähäiset tietämykseni opiskelemalla itse, joten... koettakaa saada jotain irti! ^^

Eli, minä itse koodaan HTML-"kielellä", joka on toisin sanoen sitä, miten teksti näkyy selaimessa.
HTML-koodeilla pystyy luomaan esimerkiksi otsikoita, jotka erottavat sitten leipätekstinpätkät toisistaan. Proboards on jostain syystä muokannut koodiensa toimivuutta niin, että yleisesti HTML-kielessä käytetyt <> merkit korvataan [] merkeillä. Muuten periaate on täysin sama!

Viereisessä kuvassa näkyy "preview" ja "BBCODE" - välilehdet. Punaisella ympyröityyn BBCODE - välilehteen syötetään teksti koodeineen päivineen, ja preview - välilehdeltä pääsee katsomaan, miltä kyseiset koodit näyttäisivät julkaistuna.

En voi koskaan sanoa liian monta kertaa, että KIRJOITTAKAA KOODIT AINA ERILLISELLE ALUSTALLE. Kokemuksen syvällä rintaäänellä kerron, että turhautus on melkoinen, kun foorumi päättää syödä puolet koodeista. Itselläni on
käytössä sovellus nimeltä Sublime Text, johon olen kirjoittanut jokaisen foorumille lähettämäni, koodausta sisältäneen viestin.

Sitten pääsemmekin itse koodeihin ^^
Tämä osio toimii teille koodipankkina, voitte aina tulla kopioimaan täältä sopivat koodit hahmojenne profiileihin.
Koodeilla on usein kaksi pätkää, joten olkaa huolellisia, ettei jälkimmäinen pääse unohtumaan!
Jos kaipaatte jotain tiettyä koodia, joka ei listasta löydy,
vetäkää minua hihasta, niin koitan löytää sellaisen teille!

Tekstin koon muokkaaminen


[font size="NUMERO"]TEKSTISI.[/font]

Tekstin värin muokkaaminen


[font color="VÄRISI"]TEKSTISI.[/font]

Tekstin tummentaminen ja kursivoiminen


[b]TEKSTISI.[/b]

[i]TEKSTISI.[/i]

Kuvan lisääminen (koko ja linkki)


[img style="max-width:IDEAALILEVEYS PROSENTTEINA;" src="LINKKI"]

Kuvan lisääminen tekstin vierelle


[img src="LINKKI" style="max-width:75%;float:LEFT TAI RIGHT;padding-right:10px;"]

Linkin upottaminen


[a href="LINKKI"]TEKSTISI.[/a]

Taustakuva


[div style="margin:auto;background-image:url(LINKKISI);background-position:bottom;width:100%;"]TEKSTISI.[/div]

Taustaväri


[div style="margin:auto;background-color:VÄRISI;width:100%;"]TEKSTISI.[/div]

Tekstilaatikot


[div style="margin:auto;padding:3%;background-color:LAATIKON VÄRI;color:TEKSTIN VÄRI;width:90%;"]TEKSTISI.[/div]