MyBB sablon készítési útmutató 2. rész – A Theme szerkesztő
64 kommentek Írta
admin on
március 18, 2010 – 5:36 du.
A Téma kezelő az Admin KP > Theme > Themek alatt található. Ez után kell kiválasztanod azt a sablont, amelyet szerkeszteni szeretnél.
Ha szemügyre veszed az alábbi képet, felmerülhet benned az a kérdés, hogy mi a különbség a MyBB Master Style és az összes többi theme között?
A MyBB Master Style az összes többi theme-re hatással van, így bármit is teszel hozzá, vagy törölsz ki belőle, az módosítja az összes telepített sablonodat. Ha ezen kívül bármelyiket szerkeszted, az csak az adott theme-re lesz hatással.
Kattintsunk a Default (Alapértelmezett) sablon melletti Opciók pontra. Az előugró menüben lévő lehetőségek a következők:
- Theme szerkesztése – itt tudjuk szerkeszteni a változtatni kívánt sablont
- Téma törlése
- Hozzárendelés a tagokhoz – kényszeríthetjük a rendszert, hogy minden regisztrált felhasználó ezt a sablont használja.
- Theme exportálása – módosított, vagy esetleg teljesen új sablonunkat exportálhatjuk vele xml fájlba
Maradjunk a “Theme szerkesztése” menüpontnál, ami a tényleges szerkesztőhöz visz minket. Egyből a stíluslapok tárulnak szemünk elé, amelyekkel fórumunk színét, betűtípusát, stb. módosíthatjuk.
Az alábbi fő stíluslapok vannak:
- global.css – ez a fő fájl, ami minden aloldalon érvényes lesz, ez határozza meg a fórum kinézetét.
- modcp.css – a Moderációs Vezérlőpult kinézetét határozza meg.
- star_rating.css – a fórumon található csillagos szavazórendszer kinézetéért felel.
- showthread.css – egy topikon belül felel néhány dolog kinézetéért, például a legtöbbször az oldal alján található “Megtekintés Nyomtatható Verzióban” gombok megjelenítéséért.
- usercp.css – a Felhasználói Vezérlőpult stílusáért felel.
A stíluslapok alatt található néhány opció a sablonunkhoz, amivel lehetőségünk van többek között arra, hogy fórumunk logójának elérési útvonalát megváltoztassuk de ezen kívül azt is módosíthatjuk, hogy csak bizonyos csoportnak engedélyezzük ezen kinézet használatát.
A Globális stíluslap
A global.css szerkesztésével fogjuk eltölteni a legtöbb időt. Nézzünk is bele.
Gyakorlatilag az összes stíluslap szerkesztője ugyan úgy néz ki, egyedüli eltérés a “Válassz:” melletti legördülő listában van. A css fájlban található összes elem, osztály, id közül választhatjuk ki azt, amelyiket módosítani szeretnénk. Háttérszínt szeretnénk módosítani? Egyszerűen keressük ki a listából a body nevezetű elemet, amely az oldalunk törzsének kinézetéért felel és máris megváltoztathatjuk a “Background” mezőben található 6 jelű hexa kódot ízlésünk szerint. Csupán pár fő tulajdonság van, amit módosíthatunk a képen bal oldalt található részben, a többit megnevezéssel együtt a jobb oldali részbe beírni (például a margin:0;-t).
A következők találhatóak bal oldalt:
- background – háttér szín
- color – betűszín
- width – az adott elem szélessége
- font family – betűtípus
- font size – betűméret
- font style – a betű stílusa (pl.: dőlt)
- font weight – félkövérség mértéke, vagy ne legyen félkövér
- text decoration – szöveg dekorációja (pl.: aláhúzott)
Útmutatóm első részében írtam, hogy azoknak igyekszem segítséget adni, akik már valamennyire járatosak a sitebuild világában. Ha nem érted a leírást, akkor ne legyél rest, és keresd fel az alábbi oldalt: Online Sitebuilder Magazin.
A következő részben még jobban eldurvulnak a dolgok, úgyhogy érdemes lesz bővíteni, vagy feleleveníteni sitebuilderi ismereteidet!







64 Trackback(s)