BBKod vodič

Uvod

Što je BBKod?
BBKod je specijalna implementacija HTMLa.
Mogućnost korištenja BBKoda daje administrator/ica foruma (de)aktiviranjem ove opcije. Bez obzira na to što je administrator/ica odredio/la, opcionalno sam/a možete (de)aktivirati korištenje BBKoda.
BBKod je sličan HTMLu u stilu; tagovi se umeću u vitičaste zagrade [i] [umjesto < i >] (a) što nudi veću kontrolu prikaza. Kod [tagovi] se može pisati ručno, no, ovisno o predlošku kojeg koristite, vidjet ćete da je dodavanje BBKoda postovima moguće i putem sučelja iznad prostora za post [poruku] na obrascu za pisanje postova.
Vrh

Oblikovanje teksta

Kako podebljati/podcrtati/nakositi tekst?
BBKod sadrži tagove koji omogućavaju brzo mijenjanje osnovnog stila teksta.
To možete napraviti na više načina...
  • Za podebljanje - tekst umetnete u [b][/b], npr.
    [b]“Svaka smjela ideja u početku izgleda kao ludost. [Goethe]”[/b]
    će biti prikazano kao “Svaka smjela ideja u početku izgleda kao ludost. [Goethe]”.
  • Za podcrtanje - tekst umetnete u [u][/u], npr.
    [u]“Ludim smatraju onoga čija se ludost ne poklapa s ludošću većine. [Hoel, Beckett]”[/u]
    će biti prikazano kao “Ludim smatraju onoga čija se ludost ne poklapa s ludošću većine. [Hoel, Beckett]”.
  • Za nakošenje - tekst umetnete u [i][/i], npr.
    [i]“S luđacima treba ludovati. [Petronije]”[/i]
    će biti prikazano kao “S luđacima treba ludovati. [Petronije]”.
Vrh
Kako promijeniti boju/veličinu teksta?
Za promjenu boje/veličine teksta možete koristiti donje tagove, s time da trebate imati na umu da će krajnji rezultat [izgled] ovisiti o pregledniku i sustavu gledatelja/ice(a).
  • Za promjenu boje - tekst umetnete u [color=][/color].
    Možete upisati naziv boje [npr.: white=bijela; black=crna; itd.] njezin heksadecimalan kod [npr.: #FFFFFF=bijela; #000000=crna; itd.].
    Npr.
    za promjenu boje teksta u crvenu - tekst umetnete u
    [color=red]“Juhuhu, kaj ima, sve štima?”[/color]
    ili
    [color=#FF0000]“Juhuhu, kaj ima, sve štima?”[/color]
    što će oboje dati “Juhuhu, kaj ima, sve štima?”.
  • Za promjenu veličine - tekst umetnete u [size=][/size].
    Ovaj tag ovisi o predlošku kojeg koristite; preporučen format je numerička vrijednost koja predstavlja veličinu teksta u postotcima, počevši od 20 [toliko sitno da ćete ga jedva vidjeti] pa sve do 200 [vrlo veliko].
    Npr.
    [size=30]“Ovo ne vidim pročitati ni z očalama.”[/size]
    će dati “Ovo ne vidim pročitati ni z očalama.”;
    [size=200]“Jezuš kaj ovo strši!”[/size]
    će dati “Jezuš kaj ovo strši!”.
Vrh
Je li moguće kombinirati tagove?
Je. Npr. za privlačenje nečije pozornosti možete napisati:
[size=200][color=red][b]Danas će biti toplo i sunčano. (;[/b][/color][/size]
što će dati Danas će biti toplo i sunčano. (;
Nije preporučljivo koristiti puno teksta koji je višestruko oblikovan jer se time gube čitljivost i preglednost.
Na vama je da se pobrinete zatvoriti sve tagove.
Npr. sljedeće oblikovanje je nepravilno: [b][u]Ovo je nepravilno[/b][/u].
Vrh

Citiranje i stvaranje teksta fiksne širine

Kako citirati tekst u odgovoru?
Postoje dva načina citiranja teksta: s referencom ili bez reference.
  • Kada koristite "Citiraj" funkciju za odgovaranje na post vidjet ćete da je tekst posta na koji odgovarate umetnut u [quote=""][/quote] tag(ove).
    Ova metoda omogućava citiranje s referencom prema osobi ili bilo čemu drugome što stavite.
    Npr. za citiranje dijela teksta koji je napisao Gospon Fakin upišete
    [quote="Gospon Fakin"]Tekst koji je Gospon Fakin napisao...[/quote]
    Rezultat će biti taj da će pisati "Gospon Fakin je napisao/la:" - prije stvarnog teksta.
    Zapamtite da ime koje citirate trebate upisati između "" - navodnici nisu opcionalni.
  • Druga metoda omogućava naslijepo citiranje nečega.
    Za postizanje toga umetnete tekst u [quote][/quote] tag(ove).
    Rezultat će biti taj da će pisati "Citat:" - prije samog teksta.
Vrh
Kako prikazati kod ili nešto drugo fiksne širine teksta?
Želite li prikazati dio koda ili bilo što drugo što zahtijeva fiksnu širinu, [npr. Courier tip slova...], umetnete tekst u [code][/code] tag(ove). Npr.
[code]echo "Ovo je neki kod";[/code].
Svo oblikovanje radi se unutar [code][/code] tag(ova) i zadržava se kada kasnije pogledate napisano.
Vrh

Stvaranje lista [popisa]

Kako stvoriti nepobrojanu listu?
BBKod podržava dva tipa lista: nepobrojane i pobrojane.
One su, u principu, iste kao i njihovi HTML ekvivalenti.
Nepobrojana lista prikazuje svaku stavku u listi, jednu iza druge, označavajući svaku sa grafičkom oznakom.
Za nepobrojanu listu koristite [list][/list] te odredite svaku stavku koristeći [*].
Npr. za izlistavanje tri određene boje koristite:
[list]
[*]Crvena
[*]Narančasta
[*]Žuta
[/list]
što će dati
  • Crvena
  • Narančasta
  • Žuta

Za određivanje stila grafičke/ih oznake/a koristite [list=disc][/list] odnosno [list=circle][/list] odnosno [list=square][/list].
Vrh
Kako stvoriti pobrojanu listu?
Drugi tip liste, pobrojana lista, prikazuje svaku stavku u listi, jednu iza druge, označavajući svaku sa brojčanom odnosno alfabetskom oznakom.
Za pobrojanu listu koristite [list=1][/list] za brojčanu listu odnosno [list=a][/list] za alfabetsku listu.
Kao i kod nepobrojane liste, stavke određujete koristeći [*]. Npr.
[list=1]
[*]Jedan
[*]Dva
[*]Tri
[/list]
će dati
  1. Jedan
  2. Dva
  3. Tri
[list=a]
[*]Osoba A
[*]Osoba B
[*]Osoba C
[/list]
će dati
  1. Osoba A
  2. Osoba B
  3. Osoba C

[list=A]
[*]Jedan
[*]Dva
[*]Tri
[/list]

će dati
  1. Jedan
  2. Dva
  3. Tri

[list=i]
[*]Jedan
[*]Dva
[*]Tri
[/list]

će dati
  1. Jedan
  2. Dva
  3. Tri

[list=I]
[*]Jedan
[*]Dva
[*]Tri
[/list]

će dati
  1. Jedan
  2. Dva
  3. Tri
Vrh

Stvaranje linkova [veza]

Kako napraviti link(ove)?
phpBB BBKod podržava više načina stvaranja URIa, Uniform Resource Indicatora, poznatijih kao URLovi.
  • Prvi od njih koristi [url=][/url] tag(ove); bez obzira što upišete poslije znaka = će uzrokovati da se sadržaj tagova ponaša kao URL.
    Npr. za link na phpBB.com možete koristiti
    [url=https://www.phpbb.com/]Posjeti phpBB![/url]
    rezultat će biti Posjeti phpBB!
    Vidjet ćete da se link otvara u novom prozoru zato da bi korisnik/ca mogao/la nastaviti koristiti forum ako želi.
  • Želite li da URL bude prikazan kao link možete koristiti
    [url]https://www.phpbb.com/[/url]
    rezultat će biti https://www.phpbb.com/.
  • phpBB dodatno sadrži nešto što se zove Magični linkovi, a što će pretvoriti bilo koji ispravan URL u link bez upisivanja tag(ov)a ili prefiksa http://. Npr. upišete li www.phpbb.com u post [bez tagova] automatski će u prikazu, kad pogledate post, biti vidljiv link www.phpbb.com.
  • Na isti način, osim što ćete koristiti druge tagove, možete kreirati adrese elektroničke pošte. Npr.
    [email]no.one@domain.adr[/email] odnosno, upišete li samo, no.one@domain.adr
    će biti prikazano kao no.one@domain.adr.
Kao i sa svim BBKod tagovima, URL možete postaviti oko bilo kojeg drugog taga kao što su [img][/img] [sljedeći odjeljak], [b][/b], i sl.
Na vama je da se pobrinete zatvoriti sve tagove.
Npr. sljedeće oblikovanje je nepravilno: [url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/url][/img],
a može dovesti i do toga da vam post bude izbrisan [stoga pazi].
Vrh

Prikazivanje slik(a)e u postu

Kako dodati sliku u post?
phpBB BBKod sadrži tag(ove) za dodavanje slika u postove.
Postoje dvije bitne stvari koje treba zapamtiti kod postanja slika: prvo, mnogi/e korisnici/e ne vole puno slika u porukama, i drugo, slika koju umećete/umetnete treba biti dostupna na Internetu [Ne može postojati samo na vašem računalu - osim ako imate webserver!].
Za postanje slike, trebate obuhvatiti URL, na kojem se slika nalazi, sa: [img][/img] tago(vi)m(a). Npr.
[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img].
Kao što je spomenuto u odjeljku iznad, sliku možete obuhvatiti [url][/url] tago(vi)m(a). Npr.
[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]
će dati donju sliku.
Vrh
Kako dodati privitak u post?
Za postanje privitak(a), ako je administrator/ica omogućio/la tu opciju te ako imate sva dopuštenja, [vidjet ćete formu Dodavanje privit(a)ka ispod okvira za pisanje teksta posta], koristite [attachment=][/attachment] tag(ove).
Vrh

Ostalo

Mogu li doda(va)ti vlastite tagove?
Ako ste administrator/ica foruma i imate potrebita dopuštenja, možete putem odjeljka BBKodovi.
Vrh

Advanced BBCode Box BBCodes

Font type
[font=Comic Sans MS]text[/font]

Example:
[font=Comic Sans MS]The quick brown fox jumps over the lazy dog[/font]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Highlight text
[highlight=yellow]text[/highlight] Tip: you can also use color=#FF0000

Example:
[highlight=yellow]The quick brown fox jumps over the lazy dog[/highlight]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Align text
[align=center|left|right|justify]text[/align]

Example:
[align=center]The quick brown fox jumps over the lazy dog[/align]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Float text
[float=left|right]text[/float]

Example:
[float=right]The quick brown fox jumps over the lazy dog[/float]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Strike-through text
[s]text[/s]

Example:
[s]The quick brown fox jumps over the lazy dog[/s]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Subscript text
[sub]text[/sub]

Example:
[sub]The quick brown fox jumps over the lazy dog[/sub] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Vrh
Superscript text
[sup]text[/sup]

Example:
[sup]The quick brown fox jumps over the lazy dog[/sup] The quick brown fox jumps over the lazy dog

Result:
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Vrh
Glow text
[glow=color]text[/glow]

Example:
[glow=red]The quick brown fox jumps over the lazy dog[/glow]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Shadow text
[shadow=color]text[/shadow]

Example:
[shadow=blue]The quick brown fox jumps over the lazy dog[/shadow]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Drop shadow text
[dropshadow=color]text[/dropshadow]

Example:
[dropshadow=blue]The quick brown fox jumps over the lazy dog[/dropshadow]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Blur text
[blur=color]text[/blur]

Example:
[blur=blue]The quick brown fox jumps over the lazy dog[/blur]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Text fadein / fadeout
[fade]text[/fade]

Example:
[fade]The quick brown fox jumps over the lazy dog[/fade]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Preformatted text
[pre]text[/pre]

Example:
[pre]The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog[/pre]

Result:
The quick brown fox jumps over the lazy dog
	The quick brown fox jumps over the lazy dog
Vrh
Text direction
[dir=ltr|rtl]text[/dir]

Example:
[dir=rtl]The quick brown fox jumps over the lazy dog[/dir]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Marquee text
[marq=up|down|left|right]text[/marq]

Example:
[marq=left]The quick brown fox jumps over the lazy dog[/marq]

Result:
The quick brown fox jumps over the lazy dog
Vrh
Spoiler message
[spoil]text[/spoil]

Example:
[spoil]The quick brown fox jumps over the lazy dog[/spoil]

Result:
► Show Spoiler
Vrh
Hide from guests
[hidden]text[/hidden]

Example:
[hidden]The quick brown fox jumps over the lazy dog[/hidden]

Result:
Hidden Content
This board requires you to be registered and logged-in to view hidden content.
Vrh
Alert message
[mod=username]text[/mod]

Example:
[mod=Korisničko ime]The quick brown fox jumps over the lazy dog[/mod]

Result:
 ! Poruka od: Korisničko ime
The quick brown fox jumps over the lazy dog
Vrh
Off Topic message
[offtopic]text[/offtopic]

Example:
[offtopic]The quick brown fox jumps over the lazy dog[/offtopic]

Result:
Off Topic
The quick brown fox jumps over the lazy dog
Vrh
NFO ascii art text
[nfo]text[/nfo]

Example:
[nfo]༼ つ ◕_◕ ༽つ ʕ•ᴥ•ʔ ¯\_(ツ)_/¯[/nfo]

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
Vrh
Embed any video site url
[bbvideo]http://video_url[/bbvideo]

Example:
[bbvideo]https://www.youtube.com/watch?v=sP4NMoJcFd4[/bbvideo]

Result:
Vrh