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žšíchNajjednoduchší 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.
Komentáre k článku "Logika bb kódov"
