• 13-12-2013, 03:01:34
    #1
    Arkadaslar ne yaptiysam olmadi lutfen yardim.
    Normal bir tasarim yapiyorum blogumun sol tarafina...
    HERSEY TAMAM ANCAK
    asagida verdigim DIV KODLAR da "GOOGLE" linki var. Ancak bu kodlari calistirdigimda tiklanmiyor. Bir turlu ne yaptiysam beceremedim...



    DIV KODLAR

    <div class="arkaplansol">
    <div class="arkaplansol1"></div>
    
    <div class="logocuk"></div><div class="logocuk1"></div>
    
    <div class="yaziback"></div><div class="yaziback1">
    <a href="http://www.google.com">GOOGLE</a>
    </div>
    
    <div class="alttakiikiz"><div class="ikizkafa"></div></div>
    
    </div>


    CSS KODLAR

    .yaziback {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 14;
    }
    .yaziback1 {
      background-image: url("images/yaziback1.png");
      position: absolute;
      left: 25px;
      top: 206px;
      width: 251px;
      height: 214px;
      z-index: 13;
    }
    
    
    
    
    
    
    
    
    
    
    .alttakiikiz {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 11;
    }
    .ikizkafa {
      background-image: url("images/ikizkafa.png");
      position: absolute;
      left: 20px;
      top: 445px;
      width: 260px;
      height: 119px;
      z-index: 10;
    }
    
    
    
    
    
    
    
    
    
    .arkaplansol {
    
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 8;
    }
    .arkaplansol1 {
      background-image: url("images/arkaplansol1.png");
      background-repeat:repeat-y;
      position: absolute;
      left: 0px;
      top: -8px;
      width: 300px;
      height: 520px;
      z-index: 7;
    }
    .arkaplansol2 {
      background-image: url("images/arkaplansol2.png");
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 507px;
      z-index: 6;
    }
    
    
    
    .logocuk {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 17;
    }
    .logocuk1 {
      background-image: url("images/logocuk1.png");
      position: absolute;
      left: 83px;
      top: 56px;
      width: 124px;
      height: 133px;
      z-index: 16;
    }
  • 13-12-2013, 03:08:59
    #2
    mewluthday adlı üyeden alıntı: mesajı görüntüle
    Arkadaslar ne yaptiysam olmadi lutfen yardim.
    Normal bir tasarim yapiyorum blogumun sol tarafina...
    HERSEY TAMAM ANCAK
    asagida verdigim DIV KODLAR da "GOOGLE" linki var. Ancak bu kodlari calistirdigimda tiklanmiyor. Bir turlu ne yaptiysam beceremedim...



    DIV KODLAR

    <div class="arkaplansol">
    <div class="arkaplansol1"></div>
    
    <div class="logocuk"></div><div class="logocuk1"></div>
    
    <div class="yaziback"></div><div class="yaziback1">
    <a href="http://www.google.com">GOOGLE</a>
    </div>
    
    <div class="alttakiikiz"><div class="ikizkafa"></div></div>
    
    </div>


    CSS KODLAR

    .yaziback {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 14;
    }
    .yaziback1 {
      background-image: url("images/yaziback1.png");
      position: absolute;
      left: 25px;
      top: 206px;
      width: 251px;
      height: 214px;
      z-index: 13;
    }
    
    
    
    
    
    
    
    
    
    
    .alttakiikiz {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 11;
    }
    .ikizkafa {
      background-image: url("images/ikizkafa.png");
      position: absolute;
      left: 20px;
      top: 445px;
      width: 260px;
      height: 119px;
      z-index: 10;
    }
    
    
    
    
    
    
    
    
    
    .arkaplansol {
    
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 8;
    }
    .arkaplansol1 {
      background-image: url("images/arkaplansol1.png");
      background-repeat:repeat-y;
      position: absolute;
      left: 0px;
      top: -8px;
      width: 300px;
      height: 520px;
      z-index: 7;
    }
    .arkaplansol2 {
      background-image: url("images/arkaplansol2.png");
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 507px;
      z-index: 6;
    }
    
    
    
    .logocuk {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 300px;
      height: 567px;
      z-index: 17;
    }
    .logocuk1 {
      background-image: url("images/logocuk1.png");
      position: absolute;
      left: 83px;
      top: 56px;
      width: 124px;
      height: 133px;
      z-index: 16;
    }
    hocam yaziback1 class'ının z-index değerini artırırsanız sorun çözülür http://jsfiddle.net/d3CEd/ burdan inceleyebilirsiniz yaziback1'in z-index değerini 50 yaptım...
  • 13-12-2013, 03:13:43
    #3
    RooTsGhosT adlı üyeden alıntı: mesajı görüntüle
    hocam yaziback1 class'ının z-index değerini artırırsanız sorun çözülür http://jsfiddle.net/d3CEd/ burdan inceleyebilirsiniz yaziback1'in z-index değerini 50 yaptım...
    Hizir misin sen

    Allah razi olsun, gece gece yardim ettin .
  • 13-12-2013, 03:16:19
    #4
    mewluthday adlı üyeden alıntı: mesajı görüntüle
    Hizir misin sen

    Allah razi olsun, gece gece yardim ettin .
    ne demek hocam Hert zaman (Uykusuz olunca bu şekilde vakit geçiriyorum işte )