Tekstin muotoilu: muistilappu

Perusmuotoilun saa tehtyä editorin (vaatimattomalla) työkalupalkilla. Usemmiten ne riittävätkin vastauksiin, mutta jos innostuu kirjoittamaan hiukankaan enemmän, tai haluaa jotain ekstraa, niin saattaa kaivata vähän enemmän muotoilumahdollisuuksia.

Voit käyttää kolmea eri tapaa muotoilla, mutta jokainen tapa vaatii, että osaat ainakin perusteet:

  • markdown (oletus ja perusta)
  • bbCode (oli aikoinaan muilla foorumeilla)
  • html (tapa kuvata kaikki web-sivut)

Voit käyttää kaikkia myös ristiin, joten jos sinulla on jo historiaa entisestä foorumimaailmasta, vaikka linkin tekemisestä bbCodella, niin käytä sitä.

Nämä ovat nopeat ohjeet perusteisiin, eräänlainen muistilappu. Tapoja merkitä juuri määrätty muotoilu on useampi ja esittelen jokaisessa esimerkissä vain yhden, minusta helpoimman. Suurin osa on markdown-merkintää, mutta joukossa on bbCodea ja html-tageja.

Otsikointi

Otsikkotaso 2

## Otsikkotaso 2

Otsikkotaso 3

### Otsikkotaso 3

Otsikkotaso annetaan risuaidoilla ja välilyönnillä ennen otsikkotekstiä.

Kursiivi, lihavointi, yliviivaus ja alleviivaus

Tämä on kursiivilla
*Tämä on kursiivilla*

Sana on lihavoitu
Sana on **lihavoitu**

Barf oli ruokintatapa ruokintavirhe
Barf oli ~~ruokintapa~~ ruokintavirhe

Älä alleviivaa koskaan, koska ne sekaantuvat linkkeihin
Älä alleviivaa koskaan, koska ne [u]sekaantuvat linkkeihin[/u]

Sisennys

Rivin saat sisennettyä laittamalla rivin alkuun neljä välilyöntiä. Se sisentää silloin vain kappaleen ensimmäisen rivin.

Koko kappaleen saa sisennettyä laittamalla kappaleen alkuun [wrap=sisennys] ja loppuun [/wrap].

Ikoni tekstissä

Tämä vaatii hieman enemmän osaamista, koska täytyy kaivaa esille netin syövereistä FontAwesome ikonit ja niiden nimet.

Itse käytän sitä kuvaamaan esimerkiksi foorumin painonappeja:

 Vastaa

<kbd>[wrap=icon id=fa-share][/wrap]&nbsp;Reply</kbd>

  • html-tagi <kbd> tekee nappulan
  • huomaa: FontAwesome kertoo ikonin nimen, mutta sen eteen tarvitaan fa- tai ns. brändikuvakkeilla fab-.
  • lyhytkoodipari [wrap=icon id=…][/wrap] upottaa FontAwesome-ikonin
  • &nbsp; on vain sitova välilyönti (nonbreaking space) jolla estetään rivittyminen

Jos haluaa upottaa teksin joukkoon jonkun muun ikonin kuin mitä hymiötarjonnasta löytyy, niin silloin ei tietenkään tarvitse <kbd>-tagia, mutta [wrap] rakenne on pakollinen.

Kuten jos haluan jouluisan tunnelman karkkikepillä , niin se on merkittävä [wrap=icon id=fa-candy-cane][/wrap].

Yhteenveto, lainaus ja spoiler

Tämän listan kaikki kohdat ovat piilotettuja yhteenvetoja, jotka aukeavat klikkaisusta.

[details=Näkyvä otsikko, kuten tässä Yhteenveto]Kirjoitetaan mitä kirjoitetaan, myös useampirivisenä[/details]

Yleinen lainaus

>Yleinen lainaus

Kirjoituksen lainaus on helpointa tehdä maalaamalla hiirellä ja valitsemalla automaattisesti imestyvästä valikosta Lainaa:

Spoilerit kannattaa piilottaa, mutta samaa voi hyödyntää minkä tahansa asian piilottamiseen vahingossa lukemisen varalta

[spoiler]Tämä menee piiloon[/spoiler]

Se näkyy sutattuna: Tämä menee piiloon (ja sen saa näkyviin klikkaamalla)

Listat
  • tämä
  • on
    • lista
      • sisennyksillä
* tämä
* on
  * lista
    * sisennyksillä
- saman saa
- tavuviivalla

Numeroidun listan saa käyttämällä numeroita listamerkkinä:

  1. Tämä
  2. on
  3. numeroitu
  4. lista

Numeroiden ei tarvitse olla kirjoitettaessa peräkkäisiä. Riittää, että on joku numero.

1. Tämä
1. on
1. numeroitu
1. lista

1. luokka ei kuitenkaan halua muotoutua listaksi.

Silloin numeron jälkeiselle pisteelle annetaan ns escape-merkki eli ennen sitä kirjoitetaan kenoviiva \. Escape kertoo, että sen jälkeen tuleva on vain merkki, kirjain, eikä sitä saa käyttää komentona.

1\. luokka ei kuitenkaan halua muotoutua listaksi.

Pienempi ja isompi teksti

Fonttikokoa voi pienentää ja suurentaa.

Fonttikokoa voi <small>pienentää</small> ja <big>suurentaa</big>.

Peräkkäisillä tulee tosi pientä mutta ei suurempaa.

Peräkkäisillä tulee <small><small>tosi pientä</small></small> mutta <big><big>ei suurempaa</big></big>.

Ylä- ja alatunniste

Koirien ruokinnassa tarvitaan välillä ylätunnistetta, kuten kg0,75.

Koirien ruokinnassa tarvitaan välillä ylätunnistetta, kuten kg<sup>0,75</sup>.

Joskus käytetään alatunnisteita, kuten B12-vitamiinissa.

Joskus käytetään alatunnisteita, kuten B<sub>12</sub>-vitamiinissa.

Koodin merkitseminen

Koirahommissa harvemmin tarvitsee esitellä ohjelmointi- tai jotain muuta koodia, paitsi tämänkaltaisissa ohjeissa. Mutta sitä voi periaatteessa myös käyttää selventämään erilaisia laskutoimituksia.

Silloin voisi käyttää virkkeessä muotoa 0,7 µg x kgEP.

Silloin voisi käyttää virkkeessä muotoa `0,7 µg x kgEP`.

Koodi merkitään gravis-merkkien väliin. Gravis ei kuulu suomenkielen merkistöön oikeastaan muualla kuin yksikköhintaa kuvaavassa à merkissä. Sen englanninkielinen nimi on backtick ja se on väärään suuntaan oleva heittomerkki.

Se löytyy usemmiten tavallisessa näppäimistössä kysymysmerkin ja ⌫ (backspace/delete) välistä shift-nappulalla. Merkki tulee näkyviin välilyönnillä ja millä tahansa muulla merkillä gravis ilmestyy sen merkin päälle.

Monirivisiä koodeja annetaan aloittamalla kappale kolmella ``` gravis-merkillä, joiden on oltava ainoana rivillään. Lohko päätetään omalla rivillään olevalla kolmella gravis-merkillä.

    ```      
	if (
		   req.http.User-Agent == "^$"
		|| req.http.User-Agent == "-"
        )
    ```      

Foorumisofta osaa useita erilaisia syntakseja, jotka vaikuttavat lähinnä komentojen väritykseen. Niitä saa vaihdettua lisäämällä kieli gravis-merkkien jälkeen, kuten ```html. Korostukset saa pois ilmoittamalla koodin tekstiksi ```text

Äänestykset

Äänetykset saa tehtyä editorin työkalupalkin hammasrattaasta ja valitsemalla Luo äänestys.

Sitten annetaan vaihtoehdot, näytetäänkö tulos, näytetäänkö tulos palkkeina vai piirakkana ja koska äänestys suljetaan (jos koskaan).

Ensi alkuun vaihtoehtojen määrä voi tuntua hankalan vaikealta, mutta kokeilemalla ja varsinkin käyttämällä oppii. Markdown on aidosti nopein tapa tehdä perusmuotoilut, koska lihavoinnit jne. saa tehtyä samalla kirjoitettaessa.