Príručka BBCode

Úvod

Čo je to BBCode (značky)?
BBCode je špeciálna implementácia HTML, ktorá umožňuje meniť vlastnosti jednotlivých prvkov príspevku a celkový vzhľad príspevku. O tom, či môžete používať BBCode pri písaní príspevkov rozhoduje administrátor portálu nastavením príslušných možností portálu. Ak je používanie BBCode povolené pre celý portál, môžete o jeho použití nakoniec rozhodnúť sami pri písaní každého príspevku. BBCode je veľmi podobný HTML, značky charakterizujúce vlastnosť písaného textu, nazývané tiež tagy, sú uzvreté v hranatých zátvorkách [ ] a ponúkajú tak väčšiu kontrolu nad vzhľadom príspevku. Od použitej témy portálu závisí, či je pre vkladanie tagov možné použiť jednoduché zástupné ikony alebo písať tagy ručne.
Hore

Formátovanie textu

Ako vytvoriť tučný text, kurzívu a podčiarmnutý text?

  • Tučný text vytvoríte uzavretím časti textu do párového tagu [b][/b], zápis počas písania príspevku:

    [b]Ahoj[/b]

    bude po odoslaní príspevku vyzerať takto: Ahoj

  • Pre podčiarknutý text použite [u][/u], napríklad:

    [u]Dobré ráno[/u]

    bude vyzerať takto: Dobré ráno

  • Pre kurzívu použite [i][/i], napríklad:

    Toto je [i]neskutočné![/i]

    bude vyzerať takto: Toto je neskutočné!


Hore
Ako zmeniť veľkosť textu a jeho farbu?

Nasledujúce tagy môžu byť použité na zmenu veľkosti textu a jeho farby. Majte na pamäti, že výsledné zobrazenie je závislé na použitom prehliadači.

  • Zmenu farby textu dosiahnete uzavretím časti textu do párového tagu [color=][/color]. Môžete použiť známe názvy farieb písaných ich anglickým názvom (napríklad red, blue, yellow, a pod.) alebo ich hexadecimálnu alternatívu, napríklad #FFFFFF, #000000. Pre zobrazenie textu červenou farbou použite napríklad zápis:

    [color=red]Ahoj![/color]

    alebo

    [color=#FF0000]Ahoj![/color]

    Obidva spôsoby zápisu sa prejavia takto: Ahoj!

  • Zmenu veľkosti textu je možné dosiahnuť podobným spôsobom [size=][/size]. Tento párový tag je závislý na použitej šablóne portálu. Odporúča sa použiť číselnú hodnotu, ktorá reprezentuje veľkosť textu v percentách, počiatočná hodnota je 20 (veľmi malé) až do 200 (veľmi veľké). Napríklad:

    [size=30]MALÉ PÍSMO[/size]

    bude vyzerať takto MALÉ PÍSMO

    alebo:

    [size=200]VEĽKÉ![/size]

    bude VEĽKÉ!


Hore
Môžem kombinovať formátovacie tagy?

Áno, je možné rôzne kombinovať formátovacie tagy, napríklad:

[size=200][color=red][b]POZRI![/b][/color][/size]

bude zobrazené ako POZRI!

Kvôli prehľadnosti však odporúčame vhodne voliť použitie jednotlivých formátovacích tagov, aby bol text prehľadný a čitateľný. Pamätajte na správne poradie v prípade použitia kombinácie tagov na rovnakú časť textu. Nasledujúci príklad zápisu je nesprávny a nemusí sa zobraziť správne:

[b][u]TOTO JE ZLE ZAPÍSANÁ KOMBINÁCIA FORMÁTOVACÍCH TAGOV[/b][/u]

Hore

Citácie a vloženie časti kódu alebo textu s pevnou šírkou

Použitie citovaného príspevku v odpovedi

Sú dve možnosti ako použiť citácie a to s odkazom na autora alebo bez odkazu na autora.

  • Citovaný text je vložený do párového tagu [quote=""][/quote] pričom používateľské meno autora textu sa vkladá do úvodzoviek otváracieho tagu. Príklad zápisu:

    [quote="PepeLopez"]Bol som tam.[/quote]

    spôsobí, že pred citovaný text bude automaticky vložené "PepeLopez napísal:"

  • Druhý spôsob, je citácia, bez uvedenia autora. V tomto prípade vkladáme citovaný text do párového tagu [quote][/quote].
Hore
Vloženie časti kódu alebo textu s pevnou šírkou

Ak potrebujete vo svojom príspevku zobraziť časť kódu alebo text s pevnou šírkou, vložte úryvok svojho kódu alebo časť textu do párového tagu [code][/code], príklad zápisu:

[code]echo "Toto je priklad zapisu kodu";[/code]

Formátovacie značky vo vnútri tagu zostanú zachované a nebudú vykonané.
Hore

Vytváranie zoznamov

Vytvorenie nezoradeného zoznamu

BBCode podporuje dva typy zoznamov, jednoduchý (nezoradený) a zoradený. V zásade je ich tvorba rovnaká ako v jazyku HTML. Jednoduchý (nezoradený) zoznam položiek vypíše každú položku zoznamu na samostatnom riadku, jednu po druhej so symbolom plného krúžku na začiatku každej položky. Na vytvorenie takéhoto zoznamu použite párový tag [list][/list] a každú položku v ňom definujte použitím [*] na samostatnom riadku. Príklad zápisu:

[list]
[*]Slnko
[*]Seno
[*]Jahody
[/list]

Takýto zápis sa po uverejnení príspevku prejaví nasledovne:

  • Slnko
  • Seno
  • Jahody

Taktiež môžete špecifikovať štýl bodky zoznamu použitím [list=disc][/list], [list=circle][/list] alebo [list=square][/list].
Hore
Vytvorenie zoradeného zoznamu
Zoradený zoznam s očíslovaním jednotlivých položiek zoznamu vytvoríte použitím zápisu [list=1][/list] alebo zoznam s chronologickým zoradením položiek podľa písmen abecedy s použitím zápisu [list=a][/list]. Rovnako ako u jednoduchého zoznamu jednotlivé položky zoznamu sú definované na samostatnom riadku s použitím [*]. Príklad zápisu:

[list=1]
[*]Nakúpiť
[*]Navariť
[*]Povysávať
[/list]

sa zobrazí nasledovne:

  1. Nakúpiť
  2. Navariť
  3. Povysávať

[list=A]
[*]Prvá možná odpoveď
[*]Druhá možná odpoveď
[*]Tretia možná odpoveď
[/list]

vráti
  1. Prvá možná odpoveď
  2. Druhá možná odpoveď
  3. Tretia možná odpoveď

[list=i]
[*]Prvá možná odpoveď
[*]Druhá možná odpoveď
[*]Tretia možná odpoveď
[/list]

vráti
  1. Prvá možná odpoveď
  2. Druhá možná odpoveď
  3. Tretia možná odpoveď

[list=I]
[*]Prvá možná odpoveď
[*]Druhá možná odpoveď
[*]Tretia možná odpoveď
[/list]

vráti
  1. Prvá možná odpoveď
  2. Druhá možná odpoveď
  3. Tretia možná odpoveď
Hore

Vytváranie odkazov

Odkazy na iné stránky
BBCode podporuje niekoľko spôsobov vytvárania odkazov na iné stránky.

  • Prvý príklad používa párový tag [url=][/url], čokoľvek uvedené za symbolom = bude interpretované prehliadačom ako cieľová adresa, ktorú má prehliadač otvoriť. Príklad zápisu aktívneho odkazu na phpBB.com:

    [url=https://www.phpbb.com/]Navštívte stránky phpBB![/url]

    sa zobrazí nasledovne: Navštívte stránky phpBB! Tento odkaz otvorí vložený link buď v rovnakom, alebo novom okne, v závislosti od nastavení vášho prehliadača.

  • Ak chcete, aby bol odkaz zobrazený priamo v príspevku, stačí jednoduchý zápis:

    [url]https://www.phpbb.com/[/url]

    zobrazenie takéhoto zápisu bude nasledovné: https://www.phpbb.com/

  • Ďalej, BBCode ponúka tzv. Magic Links, toto spôsobí, že platný odkaz bude prehliadačom interpretovaný ako aktívny odkaz, bez toho, aby bol uvedený do párového tagu alebo počiatočnej predpony http://. Príklad zápisu:

    www.phpbb.com

    sa zobrazí v príspevku nasledovne www.phpbb.com

  • Obdobne to platí pre odosielanie emailov priamo z príspevku. Príklad zápisu:

    [email]meno.priezvisko@adresa.sk[/email]

    sa v príspevku zobrazí nasledovne: meno.priezvisko@adresa.sk alebo stačí pri písaní príspevku jednoducho napísať meno.priezvisko@adresa.sk, bez toho, aby bolo potrebné uzatvárať adresu príjemcu do párového tagu.


Hore

Zobrazovanie obrázkov

Pridanie obrázku do príspevku

Pri vkladaní obrázkov do príspevku by mal mať autor píspevku na pamäti konečný vzhľad svojho príspevku a preto sa neodporúča vkladanie neúmerného množstva obrázkov, ďalej je potrebné zabezpečiť, aby vkladaný obrázok bol priamo prístupný prostredníctvom URL adresy (odkazu). K zobrazeniu obrázku v príspevku postačí zapísať odkaz na obrázok do párového tagu [img][/img]. Príklad zápisu:

[img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img]

Ako už bolo spomenuté tagy sa môžu kombinovať, v tomto prípade napríklad s tagom [url][/url], ak teda chcete zobraziť obrázok s aktívnym odkazom, použite nasledovný zápis:

[url=https://www.phpbb.com/][img]https://www.phpbb.com/theme/images/logos/blue/160x52.png[/img][/url]

Výsledok bude vo vašom príspevku nasledovný:


Hore
Vkladanie príloh
Prílohy je teraz možné pridávať do príspevku priemo pri jeho písaní použitím párového tagu [attachment=][/attachment], ak bol tento párový tag povolený administrátorom portálu a ak autor príspevku disponuje príslušným oprávnením k vkladaniu príloh.
Hore

Iné

Môžem pridať vlastné tagy?
Ak ste administrátor tohto fóra a máte dostatočné oprávnenia, môžete pridať nové BBCode cez modul Vlastné BBCode.
Hore

Advanced BBCode Box BBCodes

Druh písma
[font=Comic Sans MS]text[/font]

Príklad:
[font=Comic Sans MS]Rýchla hnedá liška skočí cez lenivého psa[/font]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Zvýrazniť text
[highlight=yellow]text[/highlight] Tip: you can also use color=#FF0000

Príklad:
[highlight=yellow]Rýchla hnedá liška skočí cez lenivého psa[/highlight]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Ukotviť text
[align=center|left|right|justify]text[/align]

Príklad:
[align=center]Rýchla hnedá liška skočí cez lenivého psa[/align]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Vznášajúci sa text
[float=left|right]text[/float]

Príklad:
[float=right]Rýchla hnedá liška skočí cez lenivého psa[/float]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Škrtnutý text
[s]text[/s]

Príklad:
[s]Rýchla hnedá liška skočí cez lenivého psa[/s]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Dolný index
[sub]text[/sub]

Príklad:
[sub]Rýchla hnedá liška skočí cez lenivého psa[/sub] Rýchla hnedá liška skočí cez lenivého psa

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa Rýchla hnedá liška skočí cez lenivého psa
Hore
Horný index
[sup]text[/sup]

Príklad:
[sup]Rýchla hnedá liška skočí cez lenivého psa[/sup] Rýchla hnedá liška skočí cez lenivého psa

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa Rýchla hnedá liška skočí cez lenivého psa
Hore
Žiariaci text
[glow=color]text[/glow]

Príklad:
[glow=red]Rýchla hnedá liška skočí cez lenivého psa[/glow]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Tieňový text
[shadow=color]text[/shadow]

Príklad:
[shadow=blue]Rýchla hnedá liška skočí cez lenivého psa[/shadow]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Text vrhajúci tiene
[dropshadow=color]text[/dropshadow]

Príklad:
[dropshadow=blue]Rýchla hnedá liška skočí cez lenivého psa[/dropshadow]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Rozmazať text
[blur=color]text[/blur]

Príklad:
[blur=blue]Rýchla hnedá liška skočí cez lenivého psa[/blur]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Zosilnenie a zoslabenie textu [fade]text[/fade]
Zosilnenie a zoslabenie textu [fade]text[/fade]

Príklad:
[fade]Rýchla hnedá liška skočí cez lenivého psa[/fade]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Predformátovaný text
[pre]text[/pre]

Príklad:
[pre]Rýchla hnedá liška skočí cez lenivého psa Rýchla hnedá liška skočí cez lenivého psa[/pre]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
	Rýchla hnedá liška skočí cez lenivého psa
Hore
Markýza (pohyblivý text)
[marq=up|down|left|right]text[/marq]

Príklad:
[marq=left]Rýchla hnedá liška skočí cez lenivého psa[/marq]

Výsledok:
Rýchla hnedá liška skočí cez lenivého psa
Hore
Spoiler
[spoil]text[/spoil]

Príklad:
[spoil]Rýchla hnedá liška skočí cez lenivého psa[/spoil]

Výsledok:
► Ukázať spoiler
Hore
Skryť pred hosťami
[hidden]text[/hidden]

Príklad:
[hidden]Rýchla hnedá liška skočí cez lenivého psa[/hidden]

Výsledok:
Skrytý obsah
Toto fórum vyžaduje, aby ste se pre zobrazenie skrytého obsahu prihlásili.
Hore
Výstražná správa
[mod=username]text[/mod]

Príklad:
[mod=Používateľské meno]Rýchla hnedá liška skočí cez lenivého psa[/mod]

Výsledok:
 ! Správa z: Používateľské meno
Rýchla hnedá liška skočí cez lenivého psa
Hore
Správa mimo tému (offtopic)
[offtopic]text[/offtopic]

Príklad:
[offtopic]Rýchla hnedá liška skočí cez lenivého psa[/offtopic]

Výsledok:
Mimo tému (offtopic)
Rýchla hnedá liška skočí cez lenivého psa
Hore
NFO ascii umenie textu
[nfo]text[/nfo]

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

Výsledok:
༼ つ ◕_◕ ༽つ    ʕ•ᴥ•ʔ   ¯\_(ツ)_/¯
Hore