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:
  • 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).
  • 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!
Használhatok egyszerre többféle formázást?
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]

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.

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:
  • 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ő:
  1. Elmenni a boltba
  2. Új számítógép vásárlása
  3. 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.
  • 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á.
Hasonlóan a többi BBCode taghez, a webcímeket is körbe lehet venni más formázó taggel: [img][/img] (lásd a következő példát), [b][/b], stb. Mint a formázó tageknél, itt is ügyelni kell a megfelelő sorrendre, és a tagek lezárására:

[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:


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.

Belépés  •  Regisztráció