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

Előző téma megtekintése Következő téma megtekintése Go down

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

Témanyitás by Thorhalla on Szer. 20 Ápr. 2016, 14:42

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:

+1 lépés:
Erre már nem valószínű, hogy szükség van, de ha be van ütve és mégis előfordul az, hogy a HTML kódok nem látszanak,nem jelennek meg rendesen a sablonként, ám engedélyezve van, akkor nézzétek meg, hogy nem kapcsoltátok-e ki véletlen ezt.
Ezt pedig úgy tudjátok ellenőrizni, hogy arra mentek, hogy új reagot akartok írni, vagy az adottat szerkeszteni és ott ezt kell nézni:



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:



Előtörténet
LINK

Kaland
kaland linkelve, következő körváltás dátuma
Lady Ingrid Stephanie Miller-Osborn
Flotta tiszt, Rocksolid úrnője


Játékostársak neve

+18
~ Karakter: Ingrid Stephanie Miller; Helyszín: Tubrok Ragal törzsfői csarnoka ~
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tellus tortor. Pellentesque ut accumsan ante. Nulla ac risus libero. Aliquam vel congue enim. Aenean et commodo justo, sit amet mollis metus. Cras non magna eu risus eleifend elementum in a orci. Nullam quis ipsum id nisl sagittis elementum. Nullam sed faucibus mauris. In rutrum nulla non bibendum consectetur. Integer enim eros, auctor quis imperdiet et, tristique vel arcu. Vestibulum quam felis, tempus bibendum vulputate sit amet, venenatis eu nisl. Sed ac sagittis nulla. Morbi dignissim leo sed sapien pretium, pharetra ullamcorper turpis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras congue nisi at tempus porttitor.

Nam ut malesuada est, sit amet facilisis magna. Mauris interdum tristique fermentum. Aliquam sit amet convallis magna. Nullam bibendum, augue in interdum fringilla, felis enim consectetur libero, vel imperdiet massa mauris nec eros. Proin vitae hendrerit metus, a viverra leo. Donec a enim a risus sagittis auctor. Curabitur elit nunc, cursus vestibulum neque eget, tristique lacinia massa. Donec sit amet urna tristique, gravida tortor euismod, consequat erat. Praesent eu arcu nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tellus tortor. Pellentesque ut accumsan ante. Nulla ac risus libero. Aliquam vel congue enim. Aenean et commodo justo, sit amet mollis metus. Cras non magna eu risus eleifend elementum in a orci. Nullam quis ipsum id nisl sagittis elementum. Nullam sed faucibus mauris. In rutrum nulla non bibendum consectetur. Integer enim eros, auctor quis imperdiet et, tristique vel arcu. Vestibulum quam felis, tempus bibendum vulputate sit amet, venenatis eu nisl. Sed ac sagittis nulla. Morbi dignissim leo sed sapien pretium, pharetra ullamcorper turpis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras congue nisi at tempus porttitor.

Nam ut malesuada est, sit amet facilisis magna. Mauris interdum tristique fermentum. Aliquam sit amet convallis magna. Nullam bibendum, augue in interdum fringilla, felis enim consectetur libero, vel imperdiet massa mauris nec eros. Proin vitae hendrerit metus, a viverra leo. Donec a enim a risus sagittis auctor. Curabitur elit nunc, cursus vestibulum neque eget, tristique lacinia massa. Donec sit amet urna tristique, gravida tortor euismod, consequat erat. Praesent eu arcu nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tellus tortor. Pellentesque ut accumsan ante. Nulla ac risus libero. Aliquam vel congue enim. Aenean et commodo justo, sit amet mollis metus. Cras non magna eu risus eleifend elementum in a orci. Nullam quis ipsum id nisl sagittis elementum. Nullam sed faucibus mauris. In rutrum nulla non bibendum consectetur. Integer enim eros, auctor quis imperdiet et, tristique vel arcu. Vestibulum quam felis, tempus bibendum vulputate sit amet, venenatis eu nisl. Sed ac sagittis nulla. Morbi dignissim leo sed sapien pretium, pharetra ullamcorper turpis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras congue nisi at tempus porttitor.

Nam ut malesuada est, sit amet facilisis magna. Mauris interdum tristique fermentum. Aliquam sit amet convallis magna. Nullam bibendum, augue in interdum fringilla, felis enim consectetur libero, vel imperdiet massa mauris nec eros. Proin vitae hendrerit metus, a viverra leo. Donec a enim a risus sagittis auctor. Curabitur elit nunc, cursus vestibulum neque eget, tristique lacinia massa. Donec sit amet urna tristique, gravida tortor euismod, consequat erat. Praesent eu arcu nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tellus tortor. Pellentesque ut accumsan ante. Nulla ac risus libero. Aliquam vel congue enim. Aenean et commodo justo, sit amet mollis metus. Cras non magna eu risus eleifend elementum in a orci. Nullam quis ipsum id nisl sagittis elementum. Nullam sed faucibus mauris. In rutrum nulla non bibendum consectetur. Integer enim eros, auctor quis imperdiet et, tristique vel arcu. Vestibulum quam felis, tempus bibendum vulputate sit amet, venenatis eu nisl. Sed ac sagittis nulla. Morbi dignissim leo sed sapien pretium, pharetra ullamcorper turpis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras congue nisi at tempus porttitor.

Nam ut malesuada est, sit amet facilisis magna. Mauris interdum tristique fermentum. Aliquam sit amet convallis magna. Nullam bibendum, augue in interdum fringilla, felis enim consectetur libero, vel imperdiet massa mauris nec eros. Proin vitae hendrerit metus, a viverra leo. Donec a enim a risus sagittis auctor. Curabitur elit nunc, cursus vestibulum neque eget, tristique lacinia massa. Donec sit amet urna tristique, gravida tortor euismod, consequat erat. Praesent eu arcu nisl.




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 Smile

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 Smile

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 Smile
Segítséget sajtát készítéshez ebben a topicban lehet kérni.


A hozzászólást Thorhalla összesen 2 alkalommal szerkesztette, legutóbb Pént. 29 Ápr. 2016, 22:41-kor.

_________________
Reneszánsz/AoA/Outsiders: Thorhalla Lokidottir/Thordottir; Dr. Stephanie Miller; Jonathan Miller; Olaf Svenson
Mesélő, Einar Thorson/Skurgeson, Eyjolf Ragnar Miller, Gunnhild Morsus/Smed, Svanhild Ragnardottir, Lionheart
Harcimadár, Kaylyn von Hessen; VH: Freydis Einardottir, Victoria Miller; Ultimate: Stephanie Lyesmith, Jonathan Miller
Egyéb karaktereim - Nefadar, Nefi, Fórumanyu
avatar
Thorhalla
Fórumanyu

Hozzászólások száma : 13447
Hozzászólások régi : 7452
Korábbi szint/kredit : 18.szint - 60 kredit
Aktuális szint/kredit : 31.szint - 125 kredit
Join date : 2011. Feb. 19.

Karakteradatok
Főkarakter: Thorhalla
Főkari/multi: Főkarakter

http://xmenreneszansz.hungarianforum.net nefadar@freemail.hu nefadar

Vissza az elejére Go down

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

Témanyitás by Thorhalla on Csüt. 21 Ápr. 2016, 20:17

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 Smile 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.

_________________
Reneszánsz/AoA/Outsiders: Thorhalla Lokidottir/Thordottir; Dr. Stephanie Miller; Jonathan Miller; Olaf Svenson
Mesélő, Einar Thorson/Skurgeson, Eyjolf Ragnar Miller, Gunnhild Morsus/Smed, Svanhild Ragnardottir, Lionheart
Harcimadár, Kaylyn von Hessen; VH: Freydis Einardottir, Victoria Miller; Ultimate: Stephanie Lyesmith, Jonathan Miller
Egyéb karaktereim - Nefadar, Nefi, Fórumanyu
avatar
Thorhalla
Fórumanyu

Hozzászólások száma : 13447
Hozzászólások régi : 7452
Korábbi szint/kredit : 18.szint - 60 kredit
Aktuális szint/kredit : 31.szint - 125 kredit
Join date : 2011. Feb. 19.

Karakteradatok
Főkarakter: Thorhalla
Főkari/multi: Főkarakter

http://xmenreneszansz.hungarianforum.net nefadar@freemail.hu nefadar

Vissza az elejére Go down

Előző téma megtekintése Következő téma megtekintése Vissza az elejére


 
Permissions in this forum:
Nem válaszolhatsz egy témára ebben a fórumban.