Gyorslinkek
Weblap egy ismerősnek
Hát igen. Ismét nekilestem annak, hogy valaki más számára készítsek honlapot. Pedig sokat felejtettem, azóta újabb modulok vannak a "piacon", melyekkel segíthetem a saját munkámat.
Szerencsére találtam egy oldalt a neobase-t, ahol ingyen lehet regelni és egy alap telepített drupalt kapok + 1-2 modult, amiket ki is lőhetek és sajátot tehetek fel. Gyorsan regisztráltam nekeik egy felhasználónevet és pár perc múlva jött az e-mail az aktiváló linkkek és máris elérhető volt az oldal.
A honlap egy asztalos cégnek készül, a Fa-komplett Kft.-nek, akik Mándokon (Szabolcs) találhatók meg. Elég sok féle termékkel foglalkoznak, így gondoltam készítek majd egy termékek oldalt is. Ezen kívül lesz még egy bemutatkozó oldal, egy kapcsolat oldal, és egy referencia oldla, ahol majd képek lesznek felrakva különböző (egyedi) termékekről.
Sminknek a wilderness-t választottam, ami elég letisztult és formailag könnyen szerkesztehető az én elképzelésemhez (lehet a saját oldalamnak is ebből készítek új skint). Moduloknak a szokásos lightbox2, fckeditor, image, pathauto modulokat tettem fel. Ha majd később úgy látom, hogy még szükség lenne valamire, akkor felteszem, de szerintem ezekkel már elboldogulunk. Azért írtam többesszámban, mivel a tartalom frissítése már nem rám fog tartozni, így majd szükség lesz valamiféle "betanításra". Sőt, még meg kell beszélnem a megrendelővel, hogy saját domaint szeretne-e regisztráltatni, mert akkor további lépések is lesznek (pl.: költöztetés).
Próbálom folyamatosan szerkeszteni az oldalt és beszámolókat írni, amit majd a hozzászólásokban olvashattok.
És az oldal: http://fa-komplettkft.neobase.hu
A smink módosítása I.
Először a smink módosításáról fogok írni, hogy hogyan és mit csináltam vele. Ehhez néhány programra szükségünk van. Én a téma képeinek a szerkesztéséhez a Paint.net nevű ingyenes programot szoktam használni. Ezt csakis ajánlani tudom, mivel okos kis program és rengeteg plugin tölthető le hozzá, amik újabb effekteket biztosítanak. Valamint szükség van még a módosított fájlok feltöltéséhez egy programra, ami tud FTP kapcsolatot kezelni (Total commander, Salamander, Free Commander). Én az FTP Commandert használom, mivel láthatóan és időben észrevehetően gyorsabban kezeli a kapcsolatot, mint pl egy TC. Esetleg még jó, ha van a Firefox-hoz egy hasznos kiegészítő alkalmazásunk, mégpedig a Firebug.
Kezdetnek jól tesszük, ha a sminket átnézzük. Én kilestem, hogy mennyi kép van benne, azok hol helyezkednek el, stb.
A választott sminknél van egy kép ismétlődően berakva a lábazati résznél, amin füvek vannak. Találunk még egy képet a bal felső sarokban, ami valamiféle fénytöréses ábra lenne. Ezet kívül a menü zöld háttere is egy kép, ugyanúgy mint a lábléc sávja is. Én főleg ezeket gondoltam módosítani, de még a későbbiekben meglátom, hogy mi lesz.
Lábazat
Elsőre a lábazati füves képet cseréltem le. Evel azért volt egy kis munka, mivel olyan képet kellett találnom, ami kapcsolódik az asztalos szakmához és egyszerűen átszerkeszthető úgy, hogy ismétlődéskor ne törjön meg a folytonosság...és vajon mi áll közel az asztalos szakmához? Hát a fa. Így kerestem egy képet a neten (nem volt egyszerű menet), majd Paint.net-ben módosítottam.
Ezt:
Erre:
Amint látható, úgy kellett megoldani, hogy ismételhető legyen a kép, tehát a következőt kellett csinálnom.
Először is nekem adott volt egy magassági méret, amit nem igazán akartam átlépni (119pixel), így a képet először átméreteztem, a magassághoz. Mivel a kapott kép szélei nem egyeztek - ami ugye ismétlődéskor - meg kellett oldani. Ezt úgy érdemes csinálni, hogy a képet letükrözzük, így ha egymás mellé teszük a képeket, akkor már kiadja az ismétlést. De nekünk ehhez előbb össze kell rakni a sima és tükrözött képet. Egy egyszerű vízszintes pixelbővítéssel az eredeti képet a kétszeresére nyújtottam, majd a tükrözött képet erre a megnyújtott üres helyre illesztettem. Picit összeigazítottam még a végeket és elvileg kész is voltam. Még néhány effektet alkalmazva kis görcs mintázatokat raktam a fába, így teljesebb a hatás. Végül már csak át kellett nevezni a fájlt, feltölteni és egy frissítés után már látható volt az eredmény.
Mivel a cache előre letárol nekünk "állandó" dolgokat egy weblapról - css, képek - így érdemes egy cache ürítést végezni. Ezt legegyszerűbben a CTRL+F5 billentyűkombinációval érhetjük el.
Bal felső kép
Ezután a bal felső kép következett (a CSS fájlt átvizsgálva meg is magtalálhatjuk, hogy melyik kép az oldal melyik részén található), így rögtön neki is láttam keresni valami fát, amit oda szerkeszthettem. Találtam egy szép csiszolt lecet. Utána fogtam az eredeti képet (sminkeben lévőt) és ezt a fát, szerkesztővel megnyitottam őket. Az eredeti képhez adtam még egy réteget, majd a fás képet átméretezés után ráraktam erre a rétegre. Az eredeti kép rétegét picit zöldebbre és elhalványulóra szerkesztettem, míg a deszkás képnek a hátterét eltüntettem (transparent háttér). A két réteget ezután megnéztem együtt majd kisebb igazgatások után el is mentettem. Feltöltés, frissítés és látható az eredmény.
Íme:
A menü és a lábléc sávjainak háttere
Ez volt a legegyszerűbb. Picit sötétebbre vettem a zöld színt és kész. Próbáltam itt is picit egy sötétebből, világosabb zöldbe átmenő sávozást készíteni, persze nem túl feltűnőt.
Céglogó
A céglogót még nem kaptam meg, de gondoltam egy erre tévedő ember azért csak a cég nevét lássa már, így rávettem magam erre is. Kerestm egy szép képet, amit egy ugyanakkora méretű képre raktam, mint az eredeti logó és aláírtam acég nevét. Természetesen több verziót kipróbáltam, de az "egyszerűbb több" verziónál maradtam:
Szóval eddig jutottam. Folytatás a következő hsz-ben.