A módosításhoz előbb át kell másolni a sablont a saját sablonok közé, erről és általában a szerkesztésről itt olvashatsz.

A fejléckép cseréje

Legegyszerűbben úgy cserélheted le a fejlécképet, ha feltöltesz egy 949x140 pixel méretű header.gif nevű képet a sablon img akönyvtárába, felülírva ezzel az eredetit (először át kell nevezned az eredetit valami másra, hogy fel tudd tölteni az újat).

Haladóknak: a fejlécképet a html sablon következő része adja meg (a sablon legelején van):

<div id="header">
            <h1><blh:blog_name /></h1>
            <h2><blh:blog_tagline /></h2>
            <img src="img/header.gif" alt="" />
        </div>

Itt vagy ki kell cserélni az img/header.gif hivatkozást egy másik képre, vagy egyszerűen felül kell írni a sablon img alkönyvtárában található képet a fent említett módon.

A háttérkép cseréje

A háttérkép cseréje egy picit bonyolultabb, mert nem egy részből áll. A nagy kép hivatkozását a style sheet Page Layout dobozában található definícióban kell átírni:

div#container0 {
background-image:url(img/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

Természetesen itt is megoldás az, ha egyszerűen feltöltesz egy bg.jpg nevű képet a sablon img alkönyvtárába. Itt nincs megkötés a méretre, a jelenlegi 1217x1600 pixel méretű, elég nagynak kell lennie. A kép nem ismétlődik, így azért, hogy az 1600 pixel alatti részeken is legyen, a body definíciójában megadtunk egy kis ismétlődő képet:

body, html {
background-image:url(img/bg0.gif);
background-repeat:repeat;
background-color:#eeeded;
font-family:Verdana,sans-serif;
color:#f1f1f1;
font-size: 13px;
}

Ide is meg kell adni egy kisméretű verziót, de természetesen elég egy háttérszínt is megadni, ha a nagy képnek az alja homogén színre fut ki.

UPDATE: volt sajnos egy hiba a sablonban, ami a kommentek között nagy üres helyet eredményezett. A gyári sablont megjavítottuk, ha lemásoltad akkor úgy tudod megjavítani hogy a css-ben ezt:

div#main {
width:590px;
}

kicseréled erre:

div#main {
width:590px;
float:left;
}

 Valamint a sablonban ezt a sort:

<div style="clear:right;"></div>kicseréled erre:

<div style="clear:both;"></div>