Most, hogy végre lement a zh-k nagyrésze, visszatérhetek az oldalhoz, és a fejlesztéséhez. Tudom, hogy sokan félnek a komolyabb kódoktól, ezért nem szívesen használjátok őket. Persze, sokkal könnyebb elrontani, és ha valaki nem ért hozzá, akkor nem olyan könnyű rájönni a hibára. Ezért úgy döntöttem, hogy más formában fogom megírni a kódokat. Egyetlen JS fájlba fogom megírni őket, függvényekként, amiket aztán egyetlen sor kóddal elérhettek. Ezt a fájlt másik oldalamra töltöttem fel, ott könnyebben tudom folyamatosan szerkeszteni. Hogy a benne lévő kódokat használni tudjátok, mindössze ennyit kell egy oldalmodulba elhelyeznetek:
<script src="http://nikkiiworld.flaunt.nu/gp_css/gphacks.js"></script>
Ezután amit használni szeretnétek, csak ennyit kell még pluszban elheleyznetek:
<script> függvényNeve("paraméter1","paraméter2"); </script>
Sokkal egyszerűbb, nem igaz? A függvény nevét és a "paramétereit" persze mindig változtatni kell, de erről mindegyikről lesz külön leírás, hogy mit kell ott megadnotok. így biztos, hogy nem rontjátok el a kódot.
És most lássuk, miket használhatunk eddig. Ha több kódot is felhasználunk, nem kell a <script> </script> tageket folyamatosan bemásolni, a függvényeket egyszerre is el lehet őket helyezni. (pl.
<script>
fontAwesomeBlog();
smsSavAtmeretezes();
</script>
Font Awesome ikonok a blogmodulba
Az alábbi sorral egyszerűen megvalósíthatjuk a font awesome ikonok elhelyezését a blogmodulban. A kódot kiegészítettem css-el is, így azt sem kell külön hozzá írni, csak ha más ikonokra cserélnénk őket. CSS-el .datum illetve .szerzo névvel hivatkozhatunk rájuk. A content rész után kell megadni az új ikon kódját, illetve egy !important még szükséges lehet a végére.
<script> fontAwesomeBlog(); </script>
Természetesen nem muszáj minden blog modulra engedélyezni az ikonokat, így megadható egy modul id is. Fontos, hogy " " jelek között adjuk meg az azonosítót. A számsort, ha megnyitjuk a blogot, az url címből is ki tudjuk olvasni (a pg= után lévő 8 szám). Igy csak az adott blogmodulra fog érvényesülni.
<script> fontAwesomeBlog( "module_body_36931914" ); </script>
SMS sáv átméretezése
<script> smsSavAtmeretezes(); </script>
Disqus használat
<script>disqus( 'disqus_fórum_neve', kommentek_száma, 'api_key', true);</script>
disqus_fórum_neve: Itt kell megadni a regisztrált disqus fórum nevét. Nekem pl gphacks. Ügyelj a ' ' jelekre, közé kerüljön a név.
kommentek_száma: Itt egy számot kell megadni, ennyi komment fog megjelenni.
api_key: Ez az a hosszú kód, amit meg kell adni. Ha nem tudod, hol keresd, a leírásban megtalálod: Disqus G-Portálra
blogplusz: Itt true vagy false értéket kell megadni. Ha true szerepel ott, akkor lecseréli a blogpluszban lévő komment részt a Disqus kommentekre. False esetén, létre kell hoznod egy <div id="comments"></div> elemet valahol, és abban fognak megjelenni a kommentek.