Egy sablon átírása2020.02.28. 11:04, Roxie
Bár az oldal célja hogy ösztönözze a szerkesztőket, a saját kinézetük készítésére, de ez az első lépés egy olyan úton, aminek a végére megszeretitek a kódolást, és egyszer csak belevágtok a saját egyedi kinézetek írásába.
A bejegyzés a Kódolás alapjai havi kibeszélő keretei között készült el, A a Bloggers.gp szerkesztőjének a jóvoltából. A bejegyzést hamarosan nála is láthatjátok!
Sok szerkesztő van aki nem szeretne időt tölteni azzal hogy saját kinézetet csináljon az oldalának ezért mások által készített sablonokat használ. Viszont sokszor ennek az a vége hogy nem is szívesen néz rá az ember az oldalára. Abszolút érthető hogy valaki nem tud vagy nem akar időt szánni a kódolás szépségeinek a megtanulására, viszont az is teljesen biztos hogy a kinézet majdnem olyan fontos mint a tartalom. Most egy olyan útmutatóval érkeztünk ami megmutatja mennyire egyszerű is az egyes sablonok személyre szabása, egy-egy apró dolog átírása vagy kicserélése, magyarul egy-egy lépés amivel közelebb hozhatod az oldalad kinézetét önmagadhoz.
1. Lépés - A megfelelő sablon kiválasztása
Attól függően hogy mennyire ismered a szolgáltatód tulajdonságait, az egyes elemek felépítését és mennyire tudsz személyre szabni egy sablont, úgy kell kiválasztanod az átírandó kódot. Keress egy olyat, ami funkcionálisan megfelel neked, a felépítése olyan amit szeretnél, a formák és az elrendezés igazodik a te igényeidhez. Olyat amire ránézel, és azt gondolod "Tökéletes lenne, ha az nem zöld lenne, hanem kék." Itt meleg szívvel ajánlanám Linda egyszerűbb sablonjait alapnak.
2. Lépés - Tedd fel a sablont, és vizsgáld meg
Miután felraktad a kódot, és ezt azt hozzáigazítottál az oldalad meglévő elemei közül akkor jöhet a vizsgálódás hogy minek örülnél ha másképpen nézne ki. Készíts hozzá grafikát, rakd fel azt is mellé és vizsgáld meg hogy hogyan lehetne nagyobb az összhang. Elsőre nem kell nagy dolgokra gondolni, első alkalommal maradjunk a színeknél és mondjuk a betűtípusoknál. Mondjuk, az oldalsó modulfejlécek címe legyen kicsit más.
3. Lépés - Keresd meg itt és ott cseréld ki, írd át!
Lehetséges hogy kicsit tudod a CSS tudományát, viszont fogalmad sincs hogy egy-egy adott elem pontosan hogyan van elnevezve. Nyisd meg az átírandó kódot!
A leg alapabb dolog amivel dolgozhatsz azok a színek. A kéket átírni pirosra, a fehéret feketerére, ennél egyszerűbb dolog nincs a CSS-ben. Itt is külső segítséget hívnék be, hogy ha nem tudjátok hogy hogyan néznek ki a színek CSS-ben, akkor olvassátok el ezt a cikket.
További egyszerű dolgok amiket könnyedén át lehet írni CSS-ben:
-
képek háttérnek, háttérszínek módosítása
-
keretek típusának, vastagságának színének a módosítása
-
szövegtulajdonságok módosítása
Jelen leírásban nem a CSS alapjait szeretném kifejteni, kódról kódra példáról példára, számos oldal foglalkozik ezzel, amivel nem kelhetünk versenyre, a teljesség igénye nélkül itt van néhány nagyon hasznos leírás az egyszerűbb CSS transzformációkról.
Egyéb tanácsok:
-
Csináljatok próbaoldalt, igazán nem kerül semmibe. Ingyen 1 perc alatt meg lehet csinálni, érdemes feltölteni hasonló formájú tartalommal mint az oldaladat, és ott nyugodtan el lehet kezdeni a próbálkozást. Ha valamit nagyon elrontottatok akkor a portalodneve.gportal.hu/hiba oldalon javíthatjátok, ha nemsikerült akkor a webmester szívesen kisegít :)
-
Forráskódnézet / vizsgálat böngészőkben. Nem tudod hogy hogyan hívják pl: a modulfejlécet CSS-ban? Használd a böngésződ! Itt egy leírás róla.
-
Attól hogy egy kód színeit magad írtad át, még illik megjelölni az eredeti készítőjét forrásként, hiszen a munka oroszlánrésze az övé volt. Csak egy link, ami sok kellemetlen helyzettől menthet meg.
Apránként el lehet sejátítani azt a tudást hogy gond nélkül, bármikor testre tudjátok szabni a portálotok kinézetét, nem kell tőle megilyedni. Lehet hogy sok-sok kísérletezés mire megalkotjátok az igazit, de valójában ez egy nagyon jó és izgalmas kis elfoglaltság, szóval ne féljetek próbálkozni.
|