A Femme Fatale sablon első ránézésre piszkálhatatlannak tűnik, valójában pont olyan könnyen átalakítható, mint a többi gyári sablon.

1. Kisebb átalakítás

A háttérkép szokás szerint a flickről származik, guymoll akvarellje. A kép balra igazodik, görgetéskor nem mozdul, hozzá lapul maga a blog. A Sablon - Kinézet menüpontban az Egyebek rovatban kell az Egyéni CSS-t megadni, semmilyen egyéb teendő nincsen:

Bemásolás után katt a Mentés gombra.

2. Nagyobb átalakítás

Vagyis inkább se nem kicsi, se nem nagy; a színvilág most sem változott, és a részletek is kidolgozatlanok, kiszélesedett viszont a blog, önállósodott a fejléc, és színátmenetes hátteret kaptak a menüpontok (csak az újabb böngészőkben látszik), még a picnik-es levéllel együtt is egész uniszex lett.

Az átalakítás ezúttal is mindössze annyi, hogy az Egyedi CSS nevű ablakba bemásoljuk a kódokat. A megnyitott fájltól ne ijedjen meg senki, nem megtanulni kell, csak bemásolni.

A pillangós gyári sablon aprólékos szöszmögéssel ugyanúgy a felismerhetetlenségig alakítható, mint az összes többi sablon, de már egészen kevés változtatással is egyedi kinézethez juthatunk, ehhez három ötlet.

1.  Egyszerű képcsere

Nem könnyű feladat megfelelő háttérképet találni a 923x306 pixeles pillangó helyett. Ha megvan a kép (megtaláltuk vagy megcsináltuk vagy megkaptuk karácsonyra ajándékba), akkor a Sablon - Kinézet menüpontnak a Háttérkép rovatában a Választok gombra kattintunk, majd a megjelenő Képizélő ablakban a Feltölt gombra, a Tallózás részben kiválasztjuk a gépünkről a képet, aztán Feltöltöm gomb. Kattintás a Befejeztem gombra, jó eséllyel középre és felülre kell igazítani, ismétlés nélkül, végül Mentés.

Példa: Jeffrey Hsu "Tired-Sketch" című képét a flickr.com-ról letöltöttem, blogszélességűre nyújtottam, abból lett a szép új háttérkép.

2. Komplikált képcsere

A Sablon - Kinézet menüpont legérdekesebb része az Egyebek rovat, ahol Egyéni CSS megadásával felülírhatók a formázások, még a felette lévő adatok is. Ha például az Egyéni CSS-ben piros színt rendelünk a háttérhez, akkor a Háttérszín rovatban hiába választunk zöld színt az eredeti fehér helyett, a háttér piros lesz.

Amit a Kinézet menüben művelünk, az olyan, mintha a CSS nevű sablondarab végére írnánk újabb és újabb sorokat. Elrontani nem tudjuk vele a sablont, legfeljebb ronda lesz. Reménytelen esetekben katt a Gyári kinézet gombra, Mentés, és visszakapjuk az eredeti pillangót.

Példa: Jelene Morris, Easter egg mobile, tök aranyos kép, hozzáillő úttal kiegészítve pont jó lesz sablonnak:

Az a kis probléma van vele, hogy az utat csak keresztben kell ismételni, ilyen lehetőség nincs a háttérkép menüpontban, a nyulat pedig nincs hová kiválasztani. Azt választottam ezért, hogy ne legyen háttérkép, aztán bemásoltam az egyéni CSS-t, ahol a csíkos háttérkép felülre és középre van igazítva, keresztben ismétlődik a képernyő teljes szélességében, az átlátszó hátterű nyuszi a blog tartalmi részének a hátterében van, a blog szélétől balra 0 pixel, felülről 30 pixel távolságra, és nem ismétlődik. A következő kódot kell bemásolni az Egyéni CSS kis ablakába:

Természetesen az idézőjelek közé bármilyen más megfelelő kép elérési útja is beírható.

3. Egyéni CSS, és még képcsere is

Ez a példa is nagyon óvatos piszkálgatás, csak néhány tulajdonság változik:

Mamjodh csodás margarétája szétlapítva, kettévágva és elhalványítva került a blog tetejére. Háttérkép nincs, Háttérszín: #fafafa (halványszürke), a többi hozzávaló az Egyéni CSS-ben található. Sorban:

• A blog tartalmi részében a háttérszín fehér, háttérkép a margarétás kép, nem ismétlődik, és felülre középre igazodik, az újabb böngészőkben halványszürke árnyék látható körülötte, és a teteje 5 pixellel lelóg a képernyőről, vagyis a felső árnyék nem látszik.
• A fejléc magassága összébb ment, csak 150 pixel, így feljebb került a menü és a bejegyzés oszlopa.
• A bejegyzés és a menü oszlopa a blog szélétől beljebb került (az eredeti sablonban minden fehér, így nincs jelentőségük a margóknak).
• A kis RSS-négyzet nem látszik, úgyis ott van a menüben az RSS.
• A blog címe és az alcíme kikerült baloldalra.
• A blog címe 36 pixel méretű, felül 70 pixelnyi távolságra van a saját szélétől.
• Az alcím betűmérete 1,1-szeres, felülről 20 pixel távolságra a képzeletbeli keretétől.
• A láblécben egy technikai törlés van, hogy a fehér háttérszín mindenképpen leérjen a blog aljáig.

Bemásolandó kódhalmaz:

A máshonnan származó képet ne felejtsük el kilinkelni a menüben.

A "Kinézet" menüpont azt jelenti, hogy most már bárkinek lehet egyedi blogsablonja akkor is, ha egyáltalán nem akar (vagy nem tud, vagy nem szeret) belepiszkálni a kódokba.

A meglévő gyári sablonok még nem ebben a kinézeti szisztémában készültek, de például az asztalos minimál sablon pár perc alatt átalakítható, csak kell hozzá egy másik kép. A másik képet leggyakrabban az internet megbízható szegleteiből szerezzük be, de akár magunknak is gyárthatunk egyet.

Az asztalos minimál sablonhoz 877x140 pixel méretű képre van szükség. Ha ennél kisebb a kép, akkor rondán fog mutatni, ha pedig nagyobb, akkor a jobb és/vagy az alsó széle lemarad.

A képcserének a létező legegyszerűbb módja, ha a Sablon - Kinézet menüpontnak a Fejléckép rovatában a Választok gombra kattintunk, majd a megjelenő Képizélő ablakban a Beír gombra, és ide egyszerűen csak bemásoljuk az interneten talált képnek az elérési útját. Kattintás a Befejeztem gombra, végül Mentés.

Itt van például Cristian Bortes Hong Kong című képe, abból az 1024x683 pixel méretűnek az url-jét másoltam be a kis ablakba: http://farm5.static.flickr.com/4068/4515905564_a934089b4f_b.jpg. A blogsablonban az eredeti fejléckép helyett megjelent a forgós kép, vagyis annak a bal felső sarka:

Mivel a máshonnan beszúrt képeket bármikor törölheti a tulaj, inkább használjunk saját feltöltésű képet. Ez se bonyolultabb, de ha már úgyis szöszmögünk a képpel, akkor megéri méretre szabni. Léteznek könnyen kezelhető képszerkesztő programok, azokkal minden olyan művelet elvégezhető, ami egy hirtelen sablonmódosításhoz szükséges.

Szóval ha elkészültünk a 877x140 pixeles képünkkel, akkor a Sablon - Kinézet menüpontnak a Fejléckép rovatában a Választok gombra kattintunk, majd a megjelenő Képizélő ablakban a Feltölt gombra, a Tallózás részben kiválasztjuk a gépünkről a képet, aztán Feltöltöm gomb. Kattintás a Befejeztem gombra, végül Mentés.

Ismét példa. Letöltöttem coda zebrás fotóját a flickr-ről, kivágtam belőle egy 877x140 pixeles darabot, bekereteztem, aztán feltöltöttem az előbb leírt módon:

Aztán úgy gondoltam, hogy a zebrákhoz talán jobban menne valami világosabb háttér, de az már egy másik poszt.

Személyes ajánlatok:

Blogsabloni célokra az egyik legjobb képgyűjtemény a flickr.com-on található, a "Creative Commons - Nevezd meg!" licenc alatt: http://www.flickr.com/creativecommons/by-2.0/. Ezek a képek szabadon felhasználhatók, átalakíthatók, csak a műre vonatkozó információkat kell a tulajdonos óhajának megfelelően feltüntetni, minimum egy link legyen a blog menüjében vagy láblécében. Egy-három címke beírásával érdemes keresgélni a 22 millió kép közt.

Letölthető ingyenes képszerkesztő program a PhotoFiltre, nagyon könnyen kezelhető, ehhez képest meglepően sokat tud.

Online képszerkesztéshez jól használható a picnik.com, a funkciók nagy része ingyenesen, regisztrálás nélkül elérhető.