BBCode
Bevezető
Mi az a BBCode?
A BBCode egy speciális változata a HTML nyelvnek. A BBCode használatának engedélyezése a Fórum adminisztrátorától függ, de neked is lehetőséged van arra, hogy a hozzászólásaidban ki-, vagy bekapcsold a BBCode-ot. A BBCode hasonló felépítésű, mint a HTML, kivéve hogy a tagek nem kacsacsőrök között (< és >), hanem szögletes zárójelben "[" "]" vannak; amellett lehetőséget nyújt hogy hogyan és miként lehet a szövegeket szebben, jobban, tagoltabban megjeleníteni. A használatban lévő sablontól függ, hogy pontosan hol található meg a BBCode panel, melyről könnyedén és gyorsan be lehet illeszteni a tageket a szövegbe. Fontos, hogy mindig ügyeljünk a tagek lezárására. Az alábbiakban egy rövid bemutató található a BBCode lehetőségeiről.
Szövegformázás
Hogyan készítsünk félkövér, dőlt, aláhúzott szöveget, és hogyan igazítsuk azokat?
A BBCode tagek lehetőséget adnak arra, hogy pillanatok alatt megváltoztathassuk a szöveg alapkinézetét. Ezt a következő módon érhetjük el:
Hogyan változtassuk meg a szöveg színét és méretét?
Idézés
Kódok megjelenítése
Rendezetlen lista készítése
Rendezett lista készítése
- Félkövérhez [b][/b] közé zárjuk a szöveget, például: [b]Helló[/b]
Helló lesz belőle - Aláhúzáshoz használjuk az [u][/u] taget, például: [u]Jó reggelt![/u]
Jó reggelt! lesz belőle - Dőlt szöveghez használjunk [i][/i] taget, például: Ez [i]nagyszerű![/i]
Ez nagyszerű! - Középre igazított szöveghez használjuk a [C][/C] taget. C=center, azaz középen, például: [C]Szöveg középen[/C]. Eredménye:
Szöveg középen - Sorkizárt szöveg írásához használjuk a [J][/J] taget. J=Justify, azaz sorkizárt, például: [J]Szöveg sorkizártan[/J]. Erre nem írok mintát, mivel ez csak hosszú szövegnél látszik. A Fórumon ez az alapértelmezés! Ha ezt a kódot nem használjuk, a téma, vagy hozzászólás írása is sorkizártan fog megjelenni!
- Balra igazított szöveg esetén használjuk a [L][/L] taget. L=Left, azaz bal, például: [L]Szöveg középen[/L].
Erre írok példát, de ehhez is hosszú szöveg kell! Amennyiben a hozzászólásunk legelejére tesszük a [L] taget, a hozzászólás legvégére pedig a [/L] taget, akkor az egész hozzászólásunk balra fog igazodni annak ellenére, hogy a fórumon alapértelmezés a sorkizárt megjelenés. A BBCode-ok egymásssal kobinálhatók, csak a sorrendre kell figyelni. Lást lentebb!
- Jobbra igazított szöveghez használjuk a [R][/R] taget. R=Right, azaz jobb, például: [R]Szöveg jobbra igazítva[/R]. Eredménye:
Szöveg jobbra igazítva
Hogyan változtassuk meg a szöveg színét és méretét?
A szín és méret megváltoztatásához az alábbi tageket használhatjuk. Használat előtt vegyük figyelembe, hogy a megváltoztatott színű és méretű szöveg másként jelenhet meg a különféle böngészőkön és rendszereken, ezért ne vigyük túlzásba (pld. világos háttéren világos betűszín és/vagy túl apró betűméret használata).
Használhatok egyszerre többféle formázást?- A szín megváltoztatásához: [color=][/color] tag szükséges. A szín megadható a nevével (piros, kék, fehér, zöld, stb.; természetesen ezeket angolul, azaz "red", "blue", "white", "green"), vagy hexadecimális értékkel (#000000, #FFFFFF, stb.). Például egy piros szöveg készítése:
[color=red]Helló![/color]
vagy
[color=#FF0000]Helló![/color]
ugyanazt eredményezi. Nem muszáj a kódokat ismernünk. Elég, ha a szöveget kijelöljük, amit be szeretnénk színezni, és a "csepp" alakú ikonra kattintani. Ekkor megjelenik egy téglalap különféle színekkel. Amelyik szinpatikus, arra kattintani. Ha angolul írjuk be a szín nevét (red), vagy (#FF0000 hexa kód), akkor ez lesz az eredmény: Helló! - A szöveg átméretezése is hasonló a színezéshez: [size=][/size]. Ennek a tagnek a használata függ a használt sablontól, de az ajánlott használati forma az, hogy számmal (százalékban) adjuk meg a kívánt méretet az alapértelmezett betűmérethez képest; kezdve az 10-től (olyan apró, hogy nem is látható) a 200-ig (óriási). Egyszerűbb módja, ha a méretezni kívánt szöveget kijelöljük és a "normál" szöveg melletti lefelé mutató nyílra kattintunk, majd kiválasszuk a méretet. Például:
A [size=50]KICSI[/size]-ből:
KICSI lesz
Ehhez hasonlóan:
az [size=200]ÓRIÁSI![/size]-ból:
ÓRIÁSI!
Igen, természetesen ezeket lehet kombinálni; például ha fel akarod hívni valakinek a figyelmét a szövegre:
Az [size=150][color=red][b]OLVASD EL![/b][/color][/size]
kombináció ezt eredményezi: OLVASD EL!
Nem ajánlatos egyszerre sok ilyet használni, mert a szöveg nehezen lesz olvasható. Emlékeztetőül, mindig figyelj a tagek sorrendjére. A következő példa hibás:
[b][u]Ez így hibás[/b][/u]
A következő példa helyes sorrendben:
[b][u]Ez így HELYES[/u][/b]
Az [size=150][color=red][b]OLVASD EL![/b][/color][/size]
kombináció ezt eredményezi: OLVASD EL!
Nem ajánlatos egyszerre sok ilyet használni, mert a szöveg nehezen lesz olvasható. Emlékeztetőül, mindig figyelj a tagek sorrendjére. A következő példa hibás:
[b][u]Ez így hibás[/b][/u]
A következő példa helyes sorrendben:
[b][u]Ez így HELYES[/u][/b]
Idézetek
Idézés
Két módon lehet lehet idézni: vagy megadva az illetőt, akitől idézünk, vagy anélkül.
- Ha valakinek válaszolni akarunk, akkor a [quote=""][/quote] taget használjuk, ahol az idézőjel közé írjuk az idézett személy nevét (vagy bármi mást). Ugyanez történik, ha valakinek a hozzászólásában az "Idézés"-re kattintunk: ekkor egy új hozzászólás készül, melyben a [quote=""][/quote] tagek közé kerül az illető hozzászólása.
Ha például Pacák úrtól akarunk idézni, akkor a következőt írjuk:
[quote="Pacák úr"]Ide a Pacák úr által írt szöveg kerül[/quote]
A beírt szöveg elé automatikusan odakerül hogy: Pacák úr írta. Fontos, az egyenlőségjel után kötelező idézőjelbe tenni az idéző nevét, ezt nem lehet lehagyni. - A második módszerrel egyszerűen idézhetünk bárkitől. Ehhez a a szöveget egy [quote][/quote] tagbe zárjuk. Az elküldés után látjuk, hogy az idézet elé csak egy "Idézet" szöveg került.
Kódok megjelenítése
Ha valamilyen programkódot, vagy fix szélességet igénylő szöveget szeretnél beírni (pld. Courier betűtípussal), akkor a [code][/code] tag közé kell tenni. Például:
[code]echo "Ez valami kód";[/code]
A [code][/code] tagen belül ne használj más formázást, mivel azok érvényüket vesztik.
[code]echo "Ez valami kód";[/code]
A [code][/code] tagen belül ne használj más formázást, mivel azok érvényüket vesztik.
Listák készítése
Rendezetlen lista készítése
A BBCode kétfajta listakészítést támogat, a rendezetlen és rendezett listát. A rendezetlen listában minden elem elkülönül egymástól , és mindegyik elé egy pont kerül. A lista készítéséhez a [list][/list] taget használjuk, és minden elemet egy [*] taggel definiálunk (a többi taggel ellentétben ezt nem kell lezárni). Például:
[list]
[*]Piros
[*]Kék
[*]Sárga
[/list]
Ez a következőt eredményezi:
[list]
[*]Piros
[*]Kék
[*]Sárga
[/list]
Ez a következőt eredményezi:
- Piros
- Kék
- Sárga
Rendezett lista készítése
A másik típus a rendezett lista. A rendezett listával sorszámozhatjuk, vagy abc sorrendet állíthatunk fel az elemek között. A számozott listát [list=1][/list] taggel tehetjük meg. A betűvel kezdődő listát [list=a][/list] taggel tehetjük meg, vagy a [list=A][/list] taggel. Az "1" helyett "a" betűt írva a lista elemei nem 1, 2, 3 lesz, hanem a,b,c kezdődik. Ugyanez igaz, ha az "1" helyére "A" betűt írunk, akkor a lista elemei nem 1,2,3 lesz, hhanem A,B,C. Az egyes elemeket itt is a [*] taggel határozzuk meg. Ilyen * ikon van a kódok között, amire rá kell nyomni a lista egyes elemei előtt. Példa:
[list=1]
[*]Elmenni a boltba
[*]Új számítógép vásárlása
[*]Rácsapni a gépre, ha lefagy
[/list]
eredménye a következő:
Hivatkozás egy másik weboldalra
Képek beszúrása a hozzászólásba
Képek beszúrása csatolmányként:
[list=1]
[*]Elmenni a boltba
[*]Új számítógép vásárlása
[*]Rácsapni a gépre, ha lefagy
[/list]
eredménye a következő:
- Elmenni a boltba
- Új számítógép vásárlása
- Rácsapni a gépre, ha lefagy
Hivatkozások készítése
Hivatkozás egy másik weboldalra
A Fórum BBCode-ja több lehetőséget biztosít a hivatkozások készítésére. A hivatkozásnak egy URL-re (Universe Resource Locator; ezt jelenti magát a webcímet) kell mutatnia.
[url=https://www.wearos.hu/][img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/url][/img]
Ez hibás hivatkozás, amiért akár törölhetik is a hozzászólást.
- Az egyik, az [url=][/url] tag használata. Az egyenlőségjel után írt szövegnek az URL-nek kell lennie. Például, egy link a Fórum oldalára a következőképpen néz ki:
[url=https://www.wearos.hu/]A WearOS Fórum oldala![/url]
Ez a következő linket eredményezi: A WearOS Fóruma A weboldal egy új ablakban fog megnyílni, így a témát nyugodtan lehet olvasni közben. - Ha csak magát az URL-t akarod megjeleníteni, akkor a következőt használd:
[url]https://www.wearos.hu/[/url]
Ez a következőt eredményezi: https://www.wearos.hu/ - Ezenkívül a Fórum egy Link Varázsló lehetőséggel is rendelkezik: ha szintaktikailag megfelelő a szöveg, akkor azt automatikusan linkké alakítja át; ha a cím "www"-vel, vagy "https://"-rel kezdődik. Például a www.wearos.hu-ból automatikusan www.wearos.hu lesz.
- Ehhez hasonlóan működik az emailcímek kezelése is, például a
[email]info@wearos.hu[/email]
eredménye a info@wearos.hu. Vagy egyszerűen csak írd be az email-címet, és az automatikusan átkonvertálódik email hivatkozássá.
[url=https://www.wearos.hu/][img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/url][/img]
Ez hibás hivatkozás, amiért akár törölhetik is a hozzászólást.
Képek megtekintése
Képek beszúrása a hozzászólásba
A Fórum BBCode-ja lehetőséget nyújt, hogy képeket illeszünk be egy hozzászólásba. Három dolgot ne felejtsünk ezzel kapcsolatban: számos felhasználó nem szereti, ha sok kép van a fórumban (a sok kép megnöveli az oldal letöltésének idejét), a képek ne legyenek túl nagy felbontásúak (a sok kép megnöveli az oldal betöltésének idejét), és hogy a képnek elérhetőnek kell lennie az interneten (nem elég ha a helyi számítógépen van; kivétel ha webszerver fut a gépen!). Egy kép megjelenítéséhez a következő taget kell használni: [img][/img]. Például:
[img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/img]
Mint a hivatkozásoknál, úgy a képeknél is van lehetőség a tagek egymásba ágyazására, pld. a képet egy [url][/url] tag köré is írhatod, stb.
[url=https://www.wearos.hu][img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/img][/url]
eredménye:

[img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/img]
Mint a hivatkozásoknál, úgy a képeknél is van lehetőség a tagek egymásba ágyazására, pld. a képet egy [url][/url] tag köré is írhatod, stb.
[url=https://www.wearos.hu][img]https://www.wearos.hu/styles/prosilver/theme/images/site_logo.png[/img][/url]
eredménye:

Képek beszúrása csatolmányként:
A képeket a szöveg szerkesztő alatt (gyorsválasz lehetőségnél nincs ilyen lehetőség) a csatolmányok fülre kattintva lehet megtenni. Fájl hozzáadása gomb, betallózzuk a képet, majd a fórum megfelelő könyvtárába feltöltődik. Amennyiben akarunk a kép mellé magyarázó szöveget is írhatunk. Ahová a képet szeretnénk helyezni, a kurzorral (mobiltelefonnal oda kell koppintani), majd a szerkesztőmező alatt a "Beszúrás a hozzászólásba" gombot benyomjuk. A fórum a 400x400 pixelnél nagyobb képeket is feltölti, de egy kisebb méretűt is készít belőle. A max 400 pixel méretű képet fogjuk látni a hozzászólásban, viszont erre a képre kattintva az megnyílik teljes méretben is. A képek egyenként maximum 5 MB méretűek lehetnek.