Logika bb kódov

Autor: Senky • Dátum: 16 Júl 2009, 18:35 • Kategória: Návody

Pomocou tohto návodu by hádam každý mal zvládnuť vytvorenie rôznych bb kódov - aj tých najťažších



Najjednoduchší spôsob
Ide o spôsob, kedy je v bb kóde použitá iba jedna premenná, a aj tá medzi značkami bb kódu.

Výzor:
Kód: Vybrať všetko
[tag]{PREMENNÁ}[/tag]

Použitie:
Jednoduché značky ako embem k videu
Príklady:
Kód: Vybrať všetko
[youtube]{IDENTIFIER}[/youtube]

Kód: Vybrať všetko
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{IDENTIFIER}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{IDENTIFIER}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Kód: Vybrať všetko
Youtube videa: [Youtube]B2I_MLYP12U[/Youtube] - Vkladá sa len kód videa


Existuje aj iný typ tohto bb kódu, ktorý je však iba ako keby krajšia náhrada hore vypísaného. Ide o spôsob, kedy je premenná definovaná v prvom tagu. Môže to byť napríklad bb kód pre JavaScripty, aby to vyzeralo viac ako HTML:
Kód: Vybrať všetko
[js={TEXT}][/js]

Kód: Vybrať všetko
<script src="{TEXT}"></script>

Kód: Vybrať všetko
Javascript: [js=document.write('Som JavaScriptový bb kód');][/js] - Vkladá sa JavaScript

Upozornenie: Tento bb kód nepoužívajte - je nebezpečný a tvorca si do neho môže vložiť čokoľvek, čo JavaScript dokáže


2 premenné
Ide o spôsob, kedy sú v bb kóde použité 2 premenné - jedna pre text a druhá pre jeho úpravu.

Výzor:
Kód: Vybrať všetko
[tag={PREMENNÁ1}]{PREMENNÁ2}[/tag]

Použitie:
Jednoduché značky ako dekorovanie textu
Príklady:
Kód: Vybrať všetko
[colour={COLOR}]{TEXT}[/colour]

Kód: Vybrať všetko
<div style="color: {COLOR}">{TEXT}</div>

Kód: Vybrať všetko
Zmena farby textu: [colour=EF0000]text[/colour], alebo [colour=blue]text[/colour]



3 a viac premenných
Ide o spôsob, kedy je v bb kóde použitých 3 a viac premenných. Ide o najzložitejší spôsob.

Výzor:
Kód: Vybrať všetko
[tag={PREMENNÁ1}, {PREMENNÁ2}]{PREMENNÁ3}[/tag]

Použitie:
Zložité značky ako obrázok s určením veľkostí
Príklady:
Kód: Vybrať všetko
[image={NUMBER1}, {NUMBER2}]{URL}[/image]

Kód: Vybrať všetko
<img src="{URL}" width="{NUMBER1}" height="{NUMBER2}" />

Kód: Vybrať všetko
Obrázok s možnosťou upravenia šírky a výšky: [image=30, 20]http://www....[/image] - prvá je výška, druhá šírka

Dôležité je, aby sa oddeľovací znak nemohol vyskytnúť v premenných. Tu je napríklad , pretože ako číslo nemôže byť. Ak pridávate url, odporúčam znak \ alebo |. Ak ide o samostatný neobmedzený text ({TEXT}) - tam sa pomôcť nedá. To si už bude musieť užívateľ sám všimnúť, či je oddeľovač v texte, alebo nie je.


Typy premenných
  • {TEXT} - Všetky znaky aké si len viete predstaviť.
  • {SIMPLETEXT} - A-Z bez diakritiky, čísla, medzery, čiarky, bodky, mínus, plus, pomlčka a podčiarkovník
  • {IDENTIFIER} - A-Z bez diakritiky, čísla, pomlčka a podčiarkovník - vhodné napríklad ako name= pri odkazoch (<a name=)
  • {NUMBER} - Iba čísla - používať vždy, keď sa požadujú od užívateľa iba čísla - napríklad tuto pri 3 a viac premenných
  • {EMAIL} - Vhodné iba ako odkaz pre email
  • {URL} - VŽDY používať, ak ide o url
  • {LOCAL_URL} - Ak chcete vytvoriť značku, ktorá bude môcť odkazovať len na vaše fórum
  • {COLOR} - Používať vždy ak ide o farbu. Dokáže to rozoznať hexadecimálne (#FF1234), písané (orange), ale aj špeciálne (InactiveBorder)

Veľká škoda je, že pri bb kódoch sa nedajú používať preddefinované podmienky v phpbb, ktorými by sa dalo riešiť aj veľa modov, avšak my to už nezmeníme a musíme sa tešiť aspoň z toho, že vôbec máme možnosť si vytvoriť vlastné bb kódy

Dúfam, že po tomto návode už bude každý vedieť napísať ten svoj bb kód (ak vie HTML samozrejme :)) )
Veľa už vytvorených kódov od výmyslu sveta však nájdete aj na phpbb3bbcodes.com.


« Späť do článkov

Komentáre k článku "Logika bb kódov"

Komentovať článok môžu iba prihlásení užívatelia
 
cron