Näin käytät BBCodea

LUE TÄMÄ ENSIMMÄISEKSI!
Avatar
Ylläpito
PR Admin
PR Admin
Viestit: 574
Liittynyt: Ti 11.03.2003 00:59

Näin käytät BBCodea

Viesti Kirjoittaja Ylläpito »

Näin käytät BBCodea eli lyhyt käytön opastus tekstin monipuolistamisen mahdollistavan BBCoden käytöstä. (Jolla muuten ohimennen sanottuna saa tekstin myös aivan järjettömän lukukelvottomaksi jos viljelee erilaisia tehosteita joka välissä.)

Ensi alkuun [ code ] tagin toiminta koska sitä käytän kaikkien muiden tagien esittelyyn seuraavaksi. (Normaalisti välilyöntejä ei siis kirjoiteta sulkeiden väliin jotta tagi toimii kuten pitääkin mutta esittelytarkoituksessa taginhan pitää näkyä eikä toimia...)
Eli kun halutaan kirjoittaa html-muotoilua, BBCodea tai muuta vastaavaa ja halutaan niiden näkyvän sellaisenaan lukijalle sen sijaan, että ne muotoilisivat tekstiä käytetään codea. Coden käytössä on samat perusperiaatteet kuten kaikkien muidenkin html- ja BBCode -tagien kanssa eli alkuun aloitustagi [ code ] väliin tekstiä, koodia tms. ja loppuun sulkutagi [ /code ]

Esimerkki:
[ code ]< b >html-koodilla lihavoitua tekstiä< /b >[ /code ]
Sama ilman välilyöntejä:

Koodi: Valitse kaikki

<b>html-koodilla lihavoitua tekstiä</b>
joka ilman code -tageja näkyisi näin:
<b>html-koodilla lihavoitua tekstiä</b>


Seuraavaksi lihavointi, kursivointi ja alleviivaus:

Koodi: Valitse kaikki

[b]Hienolta[/b] [i]näyttää[/i] [u]vai[/u] mitä?
Joka tuottaa tällaista jälkeä:
Hienolta näyttää vai mitä?


Lainaus tai "tuttavallisemmin" quotettaminen taas:

Koodi: Valitse kaikki

[quote]Elämä on laiffii.[/quote]
Näyttää tältä:
Elämä on laiffii.
Lainaukseen voi myös laittaa lainatun nimen:

Koodi: Valitse kaikki

[quote="Matti Nykänen"]Elämä on laiffii.[/quote]
Ja lopputulos on kuolematon lausahdus:
Matti Nykänen kirjoitti:Elämä on laiffii.
Lista puolestaan luodaan näin:

Koodi: Valitse kaikki

[list]
[*]Yksi
[*]Risti
[*]Kaksi
[*]Pennit
[*]Miljoonaksi
[/list]
Ja ulosanti on tätä:
  • Yksi
  • Risti
  • Kaksi
  • Pennit
  • Miljoonaksi
Numeroitu tai aakosilla merkitty lista onnistuu myös:

Koodi: Valitse kaikki

[list=1]
[*]Paras
[*]Parempi
[*]Hyvä
[/list]

[list=a]
[*]Vaikea
[*]Monivalinta
[*]Kysymys
[/list]
Ja tältä se sitten näyttää:
  1. Paras
  2. Parempi
  3. Hyvä
  1. Vaikea
  2. Monivalinta
  3. Kysymys
Kuvien upottaminen tekstin joukkoon on mahdollista mutta suurien kuvien upottaminen ei ole suotavaa, eikä edes huomaavaista modeemi- yms. käyttäjiä ajatellen. Niihin taas kannattaa luoda normaali linkki jolloin ne aukeavat omaan ikkunaansa hiirellä klikattaessa eivätkä hidasta sivujen latautumista. Joka tapauksessa kuva lisätään näin:

Koodi: Valitse kaikki

[img]http://www.mersuforum.net/forum/templates/Appalachia/images/whosonline.gif[/img]
Ja tadaa, tekstin seassa on hassunhauska pallukka:
Kuva


Linkin, josta näkee suoraan klikattavan osoitteen saa helposti:

Koodi: Valitse kaikki

[url]http://www.google.com/[/url]
Lopputulos:
http://www.google.com/


Kun taas jos haluaa kirjoittaa oman tekstin linkkiin joutuu näkemään hieman enemmän vaivaa:

Koodi: Valitse kaikki

[url=http://www.google.com/]Google[/url]
Hienolta näyttää:
Google


Tekstin korostaminen onnistuu myös erilaisilla kokomääreillä ja väreillä:

Koodi: Valitse kaikki

[color=red]Huomiota[/color][size=18]pitää [color=orange]saada[/color][/size][size=24]vaikka[/size][color=cyan]henki menisi.[/color]
Ja modeilla nousee verenpaine:
Huomiotapitää saadavaikkahenki menisi.

* Courtesy of Pekka, ylläpito kiittää *
"Tyytyväisyys on kehityksen loppu ja rappeutumisen alku"
Lukittu