Keresés a blogban

2009. szeptember 19.

A blogsablonod képei 2.

Mielőtt hozzákezdesz, mentsd el a régi sablonod. Ha nem jól csináltál valamit, akkor vissza tudod állítani a blogodat!





  1. Készíts egy mappát a számítógépeden pl. sablonomkepei néven.
    Irányítópult - Elrendezés - HTML-kód szerkesztése (vez.sab. kibontása nem kell kipipálni)
    A kód elején keress, míg nem találsz egy hivatkozást arra, hol vannak a képek. Pl.:

    /* Layout */
    #outer-wrapper {
    background: url('http://i379.photobucket.com/albums/oo234/giselej/bg_top-2.png') repeat-x center top;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
    }
  2. Nyiss új lapot a böngészőn, és a piros színű hivatkozást írd be. Most megtaláltad a képeket. Mentsd le őket egyenként a sablonomkepei mappába a gépedre. Ezt a lapot be is csukhatod.
  3. Most menj a bejegyzések fülre, és írj egy új bejegyzést pl. Sablon képek címmel, de ne tedd közzé, csak piszkozatban mentsd el. Töltsd fel ide az összes képet, pl. "nagy" méretben. Mindegyik közé tegyél egy üres sort, így jobban fogod látni. Ha kész, mentsd.
    Válts át HTML-kód nézetre (itt a posztnál!), ne Írás-ban legyél. Ilyeneket látsz (Explorerben nézve):

    <a href="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
    AAAAAAAACDE/4IA3LNvBQQo/s1600-h/bgr_body_top.png
    "><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 119px;" src="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
    AAAAAAAACDE/4IA3LNvBQQo/s400/bgr_body_top.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5383172446626797826" /></a>

    <a href="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
    AAAAAAAACC8/GLdlbWOJF2U/s1600-h/bgr_body_end.png
    "><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 57px;" src="http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
    AAAAAAAACC8/GLdlbWOJF2U/s400/bgr_body_end.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5383172335315335746" /></a>

    <a href="http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
    AAAAAAAACC0/1Jcnl9kWLjo/s1600-h/bgr_board.png
    "><img id="BLOGGER_PHOTO_ID_5383172085650285410" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 200px; CURSOR: hand; HEIGHT: 27px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
    AAAAAAAACC0/1Jcnl9kWLjo/s200/bgr_board.png" border="0" /></a>


  4. Minden képnél hagyd meg a pirossal jelölt részt, a többit töröld ki. Ments. Ez marad:

    http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
    AAAAAAAACDE/4IA3LNvBQQo/s1600-h/bgr_body_top.png

    http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
    AAAAAAAACC8/GLdlbWOJF2U/s1600-h/bgr_body_end.png

    http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
    AAAAAAAACC0/1Jcnl9kWLjo/s1600-h/bgr_board.png

  5. Mindegyikből töröld a piros részt: -h
    Csak az s1600 maradjon.
  6. Készen vannak a kép hivatkozások:

    http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTe0aXcWQI/
    AAAAAAAACDE/4IA3LNvBQQo/s1600/bgr_body_top.png

    http://4.bp.blogspot.com/_pHfsk7ExMQA/SrTet7suOkI/
    AAAAAAAACC8/GLdlbWOJF2U/s1600/bgr_body_end.png

    http://3.bp.blogspot.com/_pHfsk7ExMQA/SrTefZn742I/
    AAAAAAAACC0/1Jcnl9kWLjo/s1600/bgr_board.png

  7. Nyiss új lapot a böngészőben és menj be a blogodba
  8. Irányítópult - Elrendezés - HTML-kód szerkesztése
  9. Bogarászd végig a kódot, keress meg minden képet, és szúrd be ezekre a helyekre egyenként a Sablon képek bejegyzésből az új hivatkozásokat a régiek helyett. Pl.:

    /* Layout */
    #outer-wrapper {
    background: url('ideszúrdbe') repeat-x center top;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
    }
  10. Mentsd el a sablont.

Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

2 megjegyzés:

Altair írta... [Válasz erre...]

Ez is jó tipp. Én lementettem már a képeket, de csak, hogy mekkorát készítsek a méret miatt. Csak annyira tetszik az eredeti (kerítés, liánok és rajzolt színes virágok), hogy nincs szívem beszúrni az én béna képemet. :o)

Wise Lady írta... [Válasz erre...]

Nekem is tetszik az eredeti :) Lehet, hogy a sajátod még jobban tetszene.
Neked nem kell ezeket végigcsinálni, hisz nem képekből áll össze a sablonod. Csak a fejléckép van, azt viszont ki tudod cserélni.

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-