HTML / template / tabbed tutorial hozzászólásokhoz

Kedves játékosok!
Az elmúlt évek során is többen kértétek, hogy a reagokat is jobban személyre lehessen szabni, lehessen template-t (keret, sablont) használni nekik. A héten így kisebb utána járás után végül is beadtam a derekamat és engedélyeztem a HTML használatát a hozzászólásokban. Azonban sajnos nem tudtam azt megtenni, hogy mindenkinél mindez automatikusan kipipálva legyen. A rendszer csak azt engedi, hogy bekapcsoljam, ettől kezdve mindenkinek a saját profiljában kell engedélyeznie mindezt.
Ahhoz, hogy lássátok mások template-jét/sablonját úgyszintén engedélyezni kell mindezt. Ahhoz, hogy ezt hol tudjátok bekapcsolni és miként néz ki ez, illetve hol találtok ehhez mintákat erről fog szólni ez a kis tutorial, az egyszerűség kedvéért képekkel is illusztrálni fogom, hogy még könnyebb dolgotok legyen. A sablonokkal/templatekkel kapcsolatban egyetlen egy kérésünk van. GIF-ek, azaz mozgóképek nem lehetnek benne, mert a legtöbb játékost mindez zavarná, így csak sima jpg, png, stb. formátum lehet.

HTML engedélyezése:
1. lépés:
A HTML engedélyezéséhez először is be kell logolni a fórumra és ott rákattintani a felső sorban a Profil menü pontra.


2. lépés:
Amint ez megvan, meglátjátok a profilban levő dolgokat és ott a Beállítások részre kell kattintani.


3. lépés:
Ha ez is kész, akkor lejjebb tekertek és megkeresitek azt a részt, hogy "Mindig engedélyezze a HTML-t: igen - nem ". Itt az IGEN-re kell kattintani, aztán menteni az elküld gombbal és készen is vagytok.


Ezek után már mindig látni fogjátok a többiek reagjában, ha használnak html kódot, illetve a sajátotokat, ha ti is.

+1 lépés hiba esetére:

Honnan tudom, hogy jól csináltam-e, amit kellett?
Ezt nagyon egyszerűen meg lehet állapítani.
Abban az esetben, hogyha nem engedélyezte valaki a HTML-t, akkor így fogja látni a reagot:


Ha engedélyezte, akkor pedig ez az eredmény, saját template-m/sablonom által bemutatva:


Azért, hogy mindenki meggyőződdhessen arról, hogy látja-e, vagy sem itt a reag végén spoiler tag-be beleteszem a reagot, hogy megnézhessétek, hogy sikerült-e.:

Nefi tempalte-je:

Szóval ilyesmiket bárki csinálhat magának, csak tényleg az a kérés, hogy mozgóképet ne tegyetek bele.
Valószínűleg a legtöbben nem vagytok járatosak a HTML-ben, így majd külön topicba - amit itt is belinkelek - kikerül néhány alap sablon, amiket lehet variálni, módosítani. Illetve linkelek néhány oldalt, ahol vannak ilyenek

Ajánlott oldalak:
http://templatehq.proboards.com/ - itt regisztrálni kell, hogy lássátok a topicokat
https://rpg-directory.com/index.php - ez a másik
http://code.jfbs.net/index.php?showforum=12

Egyetlen egy apró kis "gondocska" van ezeknél a kódoknál, ami abból áll, hogy mivel másik fórummotor alá készültek, így náluk a kódok [] kapcsos zárójelben vannak, a mi fórumunk pedig <> - ezt a fajtát igényli. Nagyon egyszerűen lehet módosítani, bemásoljátok word-be és a [] jeleket lecserélitek <>-re és mű működni is fognak nálunk is

Remélem mindenki hasznosnak találta ezt a kis leírást és mindenki megtalálja a számításait, hogyha szeretne ilyet magának
Segítséget sajtát készítéshez ebben a topicban lehet kérni.

Ma még egy kis frissítés került be, belepiszkáltam Morsus accjával a template-kbe és ennek köszönhetően már lehet könnyedén, egyszerűen váltható "füles" táblázatot tenni a reagokba.

Ilyet, a tab címekre kattintva lehet a fülek között változtatni:



Ehhez szükséges kód, amit a postba kell tenni és értelemszerűen mindenkinek a saját kedve szerint kitölteni:
POSTBA:

Kód:

<div id="sidebar"><ul id='tab-strip'><li id='tab1' class='clickable'>Tab Címe 1</li><li id='tab2' class='clickable'>Tab Címe 2</li><li id='tab3' class='clickable'>Tab Címe 3</li><li id='tab4' class='clickable'>Tab Címe 4</li><li id='tab5' class='clickable'>Tab Címe 5</li></ul><div id='tab1-content' class='tab-content'>Hi from tab tartalom 1
Text goes to here.
Text goes to here.</div><div id='tab2-content' class='tab-content'>Hi from tab tartalom 2
Text goes to here.
Text goes to here.</div><div id='tab3-content' class='tab-content'>Hi from tab tartalom 3
Text goes to here.
Text goes to here.</div><div id='tab4-content' class='tab-content'>Hi from tab  tartalom4
Text goes to here.
Text goes to here.</div><div id='tab5-content' class='tab-content'>Hi from tab tartalom 5
Text goes to here.
Text goes to here.</div></div>

Ez is olyan, hogy látni lehessen aktiválni kell a fent mutatott módon a html-t.
Egyelőre a színek ilyenek, azzal nem nagyon tudtam mit kezdeni.
A színek is most már jók, és a  fülecskék számát lehet növelni tovább, nem csak 5-t adni Ezenfelül, ha véletlen valaki túk sok fület adna meg, vagy hosszú nevet, akkor automatikusan nyit egy második sort magának a fülecskés rész és nem fog szétcsúszni az egész.