Sablon átalakítása2016.12.27. 15:55, Dienah
Nagyon ritkán fordul elő az hogy valaki úgy kezd neki a honlapszerkesztésnek hogy úgymond már hozza magával a CSS és a grafikai tudást. Mindenki elkezdi valahol, de nagyon sokan leragadnak ott hogy más kész kódjait használják. Ez egy darabig teljesen rendben van, viszont mindenkinél eljön az a szint amikor már nem érzi sajátjának ezeket a sablonkódokat és többet akar. Én arra adok tippeket hogy más kódja segítségével szépen lassan hogy találjuk meg a saját stílusunkat.
A színek variálása
Nem nagy dolog CSS-ben sem, egyszerűen csak egy egy 6-jegyű kódocskát kell átírni és megnézni hogy mi változik, feliratozott kód esetén ugye már jóval könnyebb a dolog. De ha letöltesz egy random CSS-t és tetszenek az elemek, a modulok a formái a betűtípusok és úgy nagyjából csak te zöldet szeretnél lila helyett pofon egyszerű átírni. Erre két lehetőség van, vagy magad veszed ki egy tetszőleges színvilágú képekből a színeket egy képszerkesztő segítségével, vagy pedig meglátogatsz pár erre a célra kifejlesztett oldalt ahol képeket és hosszá tartozó színpalettákat találsz. Például: DesignSeeds, illetve cssDrive.
Betűtípusok
A betűtípusok kezelése is pofon egyszerű lett az idő során, használhatsz úgynevezett costum betűtípusokat amit a saját gépedről töltesz fel az oldalra, ennek az a hátránya hogy a sok böngésző hajlamos ezeket eltérően kezelni és a megjeleníteni. Linkelek egy leírást hogy hogyan használjátok az ilyet. A másik már egyszerűbb módszer a GoogleFonts használata, amihez szintén itt egy leírás (de ne lepődjetek meg a GoogleFonts arculata kicsit megváltozott a leírást óta de meg lehet benne találni a dolgokat :D). Amire nagyon figyeljetek oda egyedi betűtípusok használatánál az hogy olvasható legyen, hogy az összes böngésző megjelenítse, esetleg adjatok meg a másodlagos betűtípust (font-family: elsődleges, másodlagos;) abban az esetben ha az első "eltűnik" a másodlagos fog megjelenni. Figyeljetek arra hogy tartalmi szöveg esetén a betűtípus használja a magyar ékezetes betűket is.
Hasonló hangulatú képek
Nem feltétlenül kell egy jó blogdesign-hez fejléc illetve logó, elég az ha egyszerűen hasonló méretű, és hasonló hangulatú képeket dobáltok szét az oldalon. Természetesen a CSS színvilágával megegyező színűeket. Esetleg egy kis utómunkát is végezhettek rajtuk, egy-két felirat, méretre vágás. Ezek még a legprimitívebb képszerkesztővel is lehetségesek, és az eredmény fantasztikus és egyedi lehet.
Fejléc & Logó
Még a fejléc készítés bonyolultabb grafikai problémákat boncolgathat, amibe igenis nem könnyű beletanulni, addig a logó csak pár szín és forma és szép betűtípus. Nagyon egyszerű csak egy ötlet kell hozzá. De elvonatkoztathatunk a képszerkesztővel készített dolgoktól is, ha lehetőségetek van akkor saját kezetekkel rajzolhattok illetve festhettek saját logót, az mindennél egyedibb lehet!
A fejléckészítésre is vannak technikák, vannak stílusok, egyszerűen csak a próbálgatni kell és szépen lassan kialakul az ami neked tetszik, érdemes meglátogatni olyan portálépítős honlapokat ahol az alapokra van leírás, és megmutatják azokat a technikákat amiből már saját magad is el tudsz majd indulni.
Apróságok
Nagyon egyszerűen kihasználhatók a CSS által nyújtott formázási lehetőség. Lehet formázni a beviteli mezőket, a görgetősávot, a linkeket, a képeket, különböző fajta menüket hozhatsz létre, kedvedre formázhatod a címeket, a komment részleget. És persze ezt mind nem egyedül. Rengeteg fantasztikus honlap áll rendelkezésünkre magyar gportálos társainktól is (nézzétek meg a forráslistámat), illetve ha angol nyelven rákeresel akkor még több leírást találsz. H egy jó design akarsz és úgy érzed lassan megvannaka fentebb említett dolgok, stabilan és reprodukálhatóan akkor igazán el lehet veszni a részletekben, mert minden egyes apró változtatással egyre közelebb érzed magadénak azt a sablont.
|