Sablonos blog

a sablon ezúttal nem eszköz, hanem cél, avagy a legszebb dizájnt is unja valaki...

írta anyu(ha), 2009. 12. 18. 23:50

Biztosan fancsali képpel távoznak innen azok, akik karácsonyi freeblogsablonra vadásznak a neten. Kezdem a rossz hírrel: egyetlen karácsonyi blogsablonom volt, az is eltűnt, szándékosan. A jó hír: bárki könnyedén szerezhet a blogjára ünnepi ruhát, vagyis inkább alkalmi cipőt, ragaszkodjunk a tematikához.

(Frissítés: Csináltam egy sürgősségi karácsonyfadíszes sablont, ott van a kaptafán, mindenféle felelősséget elhárítok. De most már mennem kell mosni.)

Szétszedhetetlen sablon nincs, de azért nem mindegy, hogy melyiket akarjuk szétszedni. Nem teljesen elfogulatlanul a saját sablonomat ajánlom fel szétszedésre, mivel kimondottan ilyen célra készült. Szóval legyen a kiindulási alap az argentin sablon.

Óvatos duhajoknak ma nincs mitől félni, az összes szétszedés abból fog állni, hogy kicserélődnek a képek meg a színek.

Mivel semmilyen méretet nem akarunk megpiszkálni, kell egy 800x220 pixeles kép a fejlécbe. Az összes képet a flickről szoktam begyűjteni, a creative commons "jelöld meg" csoportból: http://www.flickr.com/creativecommons/by-2.0/. Ezeknél a képeknél általában nincs is egyedi kikötés a felhasználásra, elég kilinkelni a lelőhelyet. (Szoktak kérni kommentet az elvitelről, vagy a tulaj honlapjára mutató linket, másféle megkötéssel még nem találkoztam.)

Ilyen méretű képet a panorámafotók közt éri meg keresni. Hát sajnos nem találtam megfelelő karácsonyi fotót, de igazán szép téli tájra leltem.

Sablonmódosításhoz alapkellék a képszerkesztő, például azzal kell méretre vágni a képet. Megvan tehát a munka nagyja, a 800x220-as fejléckép.

Az intézőben nyissunk az új sablonnak egy új mappát, és töltsük fel oda a képet. Menjünk el a Sablon - sablondarabok menüpontba, ott nyissuk meg a stíluslapot, vagyis a "css" nevű sablondarabot, minden módosítást itt fogunk elvégezni (a fotó lelőhelyének linkje kivétel, az nem ide kerül, hanem a láblécbe).

Cseréljük ki a fejlécképet: keressük meg a stíluslapon a #fejlec blokkot, és a background-image sorban az idézőjelek közé másoljuk be a saját feltöltött fejlécképünknek az elérési útját.

Cseréljük ki a blog mögötti háttérképet is ugyanúgy, mint a fejlécképet, csak most a body blokkot kell megváltoztatni, rögtön a stíluslap elején. Itt majd háttérszínnek a háttérkép legalján lévő színt kell választani, így fog beleolvadni a kép a háttérbe.
Nem muszáj háttérképet készíteni, sima egyszínű hátteret is választhatunk, ekkor töröljük a body részben a background-image sort.

Lapul még egy harmadik kép is a blogban: a bejegyzések és a menü mögött egy vékonyka csík ismétlődik hosszában, attól lesz hasábszerű a blog testének háttere. Ezt a képet a #test blokkba kell beilleszteni az idézőjelek közé a background-image sorban.

Tulajdonképpen megvan a neheze, már csak azokat a sorokat kell módosítani, amikben színek szerepelnek, kettőskereszt után 3 vagy 6 karakter, pl. #fff (fehér) vagy #A4BCC3 (acélkék). Kicsit régi poszt a színezésről, nincs kedvem modernizálni. Az a lényeg, hogy color sorban szöveget lehet színezni, background-color sorban hátteret, border sorban keretet. A linkeknek küön blokkjaik vannak, az a végű blokkokban a sima linkek formázódnak, az a:hover végű blokkokban pedig azok a linkek, amikre éppen ráállunk az egérrel.

A stíluslap tele van tűzdelve magyarázatokkal, annak alapján (szerintem) könnyű rajta eligazodni. Az átszínezett sablon így néz ki:

hosablon screenshot

Ha ezzel megvagyunk, akkor valószínűleg vérszemet kapunk, és felismerhetetlenné akarjuk tenni a behavazott argentint: minimálblog sarkába decens fenyőág, vagy esetleg három hasáb, ilyesmik. (Ma már biztosan nem.)

Természetesen a saját mostani blogsablonom is ugyanerre a kaptafára készült. Azért nincs átpakolva a kaptafablogba a letölthető sablonok közé, mert időközben elfelejtettem az ottani, jól kigondolt menetrendet, úgyhogy kezdhetem elölről a kigondolást.

Másik frissítés: ezt is beraktam a kaptafára a letölthető sablonok közé, havas című poszt.

(Zárójeles frissítés: van kilenc sablon a kaptafán, a türkiz csaj például kimondottan jól néz ki, a váratlan meg szép sima unalmas, melyikre kattintanak legtöbben januárban, na melyikre? Jaja, a karácsonyosra. )

Eddig 4 komment érkezett RSS

  •   1.  jikka  2009. 12. 25. 21:45 Válasz erre

    Boldog karácsonyt!

  •   2.  anyu(ha)  2009. 12. 27. 18:05 Válasz erre

    Boldogabb karácsonyunk volt már, de madárcsicsergősebb még sose.

  •   3.  georgo  2010. 03. 17. 10:31 Válasz erre

    Ezt a sablont, mivel tetszenek a színei, s illenek is a témámhoz, azt hiszem, átvettem, és átalakítottam, kissé könnyedebbé tettem (remélem). Kérdezném viszont: hogyan lehet megoldani, hogy az arhcivumban látható címkfelhőben MINDEN szó fekete legyen, ne csak a nagyobbak. Uhóügyanis az acélkék háttéren a szürke kisebb szavak nemigen látszanak jól...
    egyébként: nauticus.freeblog.hu

  •   4.  anyu(ha)  2010. 03. 17. 23:05 Válasz erre

    Nőiesen bevallom, hogy még sose póbáltam uralni a címkefelhőt, de biztosan meg lehet oldani valahogy, majd utánajárok :)

Mondjad

A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk.

Ha van felhasználóneved, itt bejelentkezhetsz.






Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.