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žeš (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 koristiš, vidjet ćeš 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žeš napraviti na više načina...
  • Za podebljanje - tekst umetneš 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 umetneš 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 umetneš 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žeš koristiti donje tagove, s time da trebaš imati na umu da će krajnji rezultat [izgled] ovisiti o pregledniku i sustavu gledatelja/ice(a).
  • Za promjenu boje - tekst umetneš u [color=][/color].
    Možeš 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 umetneš 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 umetneš u [size=][/size].
    Ovaj tag ovisi o predlošku kojeg koristiš; preporučen format je numerička vrijednost koja predstavlja veličinu teksta u postotcima, počevši od 20 [toliko sitno da ćeš 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žeš 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 tebi je da se pobrineš 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 koristiš "Citiraj" funkciju za odgovaranje na post vidjet ćeš da je tekst posta na koji odgovaraš umetnut u [quote=""][/quote] tag(ove).
    Ova metoda omogućava citiranje s referencom prema osobi ili bilo čemu drugome što staviš.
    Npr. za citiranje dijela teksta koji je napisao Gospon Fakin upišeš
    [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.
    Zapamti da ime koje citiraš trebaš upisati između "" - navodnici nisu opcionalni.
  • Druga metoda omogućava naslijepo citiranje nečega.
    Za postizanje toga umetneš 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?
Želiš li prikazati dio koda ili bilo što drugo što zahtijeva fiksnu širinu, [npr. Courier tip slova...], umetneš 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 pogledaš 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 koristiš [list][/list] te odrediš svaku stavku koristeći [*].
Npr. za izlistavanje tri određene boje koristiš:
[list]
[*]Crvena
[*]Narančasta
[*]Žuta
[/list]
što će dati
  • Crvena
  • Narančasta
  • Žuta

Za određivanje stila grafičke/ih oznake/a koristiš [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 koristiš [list=1][/list] za brojčanu listu odnosno [list=a][/list] za alfabetsku listu.
Kao i kod nepobrojane liste, stavke određuješ 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šeš poslije znaka = će uzrokovati da se sadržaj tagova ponaša kao URL.
    Npr. za link na phpBB.com možeš koristiti
    [url=https://www.phpbb.com/]Posjeti phpBB![/url]
    rezultat će biti Posjeti phpBB!
    Vidjet ćeš da se link otvara u novom prozoru zato da bi korisnik/ca mogao/la nastaviti koristiti forum ako želi.
  • Želiš li da URL bude prikazan kao link možeš 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šeš li www.phpbb.com u post [bez tagova] automatski će u prikazu, kad pogledaš post, biti vidljiv link www.phpbb.com.
  • Na isti način, osim što ćeš koristiti druge tagove, možeš kreirati adrese elektroničke pošte. Npr.
    [email][email protected][/email] odnosno, upišeš li samo, [email protected]
    će biti prikazano kao [email protected].
Kao i sa svim BBKod tagovima, URL možeš postaviti oko bilo kojeg drugog taga kao što su [img][/img] [sljedeći odjeljak], [b][/b], i sl.
Na tebi je da se pobrineš 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 ti 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ćeš/umetneš treba biti dostupna na Internetu [Ne može postojati samo na tvojem računalu - osim ako imaš webserver!].
Za postanje slike, trebaš 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žeš 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 imaš sva dopuštenja, [vidjet ćeš formu Dodavanje privit(a)ka ispod okvira za pisanje teksta posta], koristiš [attachment=][/attachment] tag(ove).
Vrh

Embedding Media

How to embed media from other sites into posts
Users can embed content such as videos and audio from allowed sites using the [media][/media] tags, or from simply posting a supported URL in plain text. For example:

[media]https://youtu.be/QH2-TGUlwu4[/media]

As noted above, the link could also be used without the [media] tags.

The example shown here would generate:



The following sites are supported:
abcnews, acast, amazon, anchor, applepodcasts, audioboom, audiomack, bandcamp, bbcnews, bitchute, bleacherreport, brightcove, castos, cbsnews, clyp, cnbc, cnn, cnnmoney, codepen, comedycentral, coub, dailymotion, democracynow, dumpert, eighttracks, espn, facebook, falstad, flickr, foxnews, funnyordie, gamespot, getty, gfycat, gifs, giphy, gist, globalnews, gofundme, googledrive, googleplus, googlesheets, hudl, hulu, ign, imdb, imgur, indiegogo, instagram, internetarchive, izlesene, jsfiddle, jwplatform, kaltura, khl, kickstarter, libsyn, liveleak, livestream, mailru, medium, megaphone, metacafe, mixcloud, mlb, mrctv, msnbc, natgeochannel, natgeovideo, nbcnews, nbcsports, nhl, npr, nytimes, odysee, orfium, pastebin, pinterest, podbean, prezi, reddit, rumble, rutube, scribd, sendvid, slideshare, sporcle, sportsnet, spotify, spreaker, steamstore, stitcher, strawpoll, streamable, streamja, teamcoco, ted, telegram, theatlantic, theguardian, theonion, tiktok, tmz, tradingview, traileraddict, trendingviews, tumblr, twentyfoursevensports, twitch, twitter, ustream, vbox7, veoh, vevo, videodetective, vimeo, vine, vk, vocaroo, vox, washingtonpost, wistia, wshh, wsj, xboxclips, xboxdvr, youku, youmaker, youtube.

For complete documentation on supported sites and example URLs, visit the MediaEmbed Plugin Documentation.
Vrh

Ostalo

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

Advanced BBCode Box BBCodes

Vrsta fonta
[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
Osvjetljanje teksta
[highlight=yellow]text[/highlight]

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

Result:
The quick brown fox jumps over the lazy dog
Vrh
Poravnanje teksta
[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
Plutanje teksta
[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
Precrtanje teksta
[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
Indeksiranje teksta
[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
Eksponentiranje teksta
[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
Sjajenje teksta
[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
Sjenčanje teksta
[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
Sjenčanje teksta
[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
Bluranje teksta
[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
Pojavljivanje/Nestajanje teksta
[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
Formatiranje teksta
[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
Kretanje teksta
[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” poruka
[spoil]text[/spoil]

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

Result:
► Prikaži “Spoiler”

Vrh
Skrivanje od gostiju
[hidden]text[/hidden]

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

Result:
Skriveni sadržaj
Za pregledavanje skrivenog sadržaja na forumu, trebaš se prijaviti.

Vrh
Poruka upozorenja
[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” poruka
[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 umjetnički tekst
[nfo]text[/nfo]

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

Result:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯

Vrh