• 10-11-2008, 23:07:09
    #1
    Arkadaşlar sitede 900*200 pix. banner var.siteyi o boyutta tutmak istiyorum.Herşeyi ayarlıyorum, yan menüleri ufalttım 160 falan yaptım ama sağ menü ufalıyor ama yerinden kıpırdamıyor.şaştım kaldım.
    orta kısım daralıyor.arada mesafe oluştuğu halde hala sağ menü bannerin altında taşıyor.site wp.still css kodu aşağıda.neden sağ menüyü içe çekemiyorum acaba
    body { font-family:'Verdana'; font-size:10px; }
    #wrap { width:850px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
    #header { height:56px; width:301px; position:relative; color:#000; margin-bottom:3px; float:left; padding:0; }
    #header h1 { text-indent:-10000px; margin:0; padding:0; }
    #header h1 a { display:block; background:url() no-repeat left top; height:56px; }
    #search { margin-top:px; float:right; padding:0; }
    input#searchsubmit { background:#fc6; border:2px solid #f93; color:#333; font-size:13px; }
    a:hover { text-decoration:none; color:#555353; border:none;}
    .left { float:left; width:160px; border:3px solid #f3f3f3; margin:px 0; padding:px; }
    .right { float:right; width:160px; border:3px solid #f3f3f3; margin:px 0; padding:px; } 
    .right img { border:0; display:block; margin-left:auto; margin-right:auto; }
    .middle { margin-top:px; line-height:px; margin-left:px; float:left; width:650px; border:1px solid #f3f3f3; overflow:hidden; padding:px; font-size:11px; }
    .middle h2 { font-size:16px; border-bottom:dashed 1px #ccc; margin:0 px px 0; padding:px 0; }
    .middle img { border:4px #eee solid; }
    .ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:justify; padding:px; }
    .ads img { border:0; text-align:justify; }
    img.wp-smiley { border:0; padding:0; }
    #footer { width:850px; margin-top:20px; text-align:justify; clear:both; padding:px; }
    div.hr { height:3px; background:#fff url repeat-x scroll center; clear:both; }
    div.br { height:10px; background:#fff  repeat-x scroll center; clear:both; }
    .alignright { float:right; } 
    .alignleft { float:left; } 
    .gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:px; border-bottom:px solid #f3f3f3; background-color:#F7F7F7; padding:px; }
    .ucomment { border-left:none; border-right:none; margin-bottom:3px; border-bottom:1px solid #f3f3f3; background-color:#fbfbf1; padding:px; } 
    input#submit { background:#fc6; border:2px solid #f93; color:#fff; font-size:13px; }
    ol.commentlist { margin:0 0 1px; padding:0; }
    ol.commentlist li { list-style:none; margin:0; padding:px px px; }
    ol.commentlist li.commenthead { list-style:none; margin:0; } 
    ol.commentlist li.commenthead h2 { margin:0; }
    span {}
    .addthis { float:right; clear:both; }
    a:link,a:active,a:visited { text-decoration:none; color:#416e90; border:none; }
    .left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 px px; padding:px 0; }
    .left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
    .left ul li,.right ul li { list-style-type:none; margin:0 0 px; padding:0; }
    .left ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 3px; }
    .left ul li ul li,.right ul li ul li { list-style-type:none; background:transparent  no-repeat 0 4px; border:0; margin:0; padding:0 0 px px; }
    .left ul li ul li :hover { border-bottom:#ccc 1px solid;}
    .right h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 px px; padding:px 0; }
    .right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
    .right ul li,.right ul li { list-style-type:none; margin:0 0 px; padding:0; }
    .right ul li ul,.right ul li ul { list-style-type:square; margin:0; padding:0 px; }
    .right ul li ul li,.right ul li ul li { list-style-type:none; background:transparent url(images/bullet.gif) no-repeat 0 px; border:0; margin:0; padding:0 0 px px; }
    .right ul li ul li :hover { border-bottom:#ccc 1px solid;}
    div.hr hr,div.br br { display:none; }
    .middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:px; }
    .middle2 h2,.middle3 h2 { font-size:14px; border-bottom:dashed 1px #ccc; margin:0 px px 0; padding:px 0; } 
    .middle2 :hover,.middle3 :hover { background:#fafafa; }
    .ucomment img,.addthis img { border:0; }
  • 12-11-2008, 01:27:19
    #2
    anlayan yok mu
  • 12-11-2008, 01:56:28
    #3
    Şunu
    .right { float:right; width:160px; border:3px solid #f3f3f3; margin:px 0;  padding:px; }
    Şununla değiştirip denermisin.
    .right { float:left; width:160px; border:3px solid #f3f3f3; margin:px 0;  padding:px; }
  • 12-11-2008, 02:17:28
    #4
    Peksoft adlı üyeden alıntı: mesajı görüntüle
    Şunu
    .right { float:right; width:160px; border:3px solid #f3f3f3; margin:px 0;  padding:px; }
    Şununla değiştirip denermisin.
    .right { float:left; width:160px; border:3px solid #f3f3f3; margin:px 0;  padding:px; }
    hayır 2 sidebar yan yana geldi böyle.aslında bana başka bir tasarım hakkında fikir verdi ama yine de istediğim bu değildi.

    sağ sidebar yerinde sabit.normalde boyutunu küçültünce içe doğru gelmesi lazım ama o inatla yerinde ufalıyor anlatamıyor muyum ki acaba
  • 12-11-2008, 02:26:27
    #5
    Tasarımı görmeden bişey diyemem.
  • 12-11-2008, 02:40:16
    #6
    bir sağ sidebar hayal edin.sitenin sağında.üstte 900 pix.genişliğinde banner var.site sahibi siteyi bu bannerın kanatları altına almak istiyor ama.inatçı sağ sidebar 160 px.de olsa 120 px. de olsa asla yerinden kıpırdayıp zahmet edip orta kısma bitişmiyor.orta kısmın genişliği 650 px mesela.arada mesafe kalıyor inatçı sidebar yaklaşmıyor.ancak orta kısmın genişliğini 700 yapıp bitiştirebiliyorum bu kez de dediğim gibi bannerin dışına taşıyor.hadi banneri büyüt diyebilirsiniz ama sitede o zaman kaydırma çubuğu çıkar.tarayıcılarda hoş görünmez.

    isteyene temayı verebilirim.tema wp limau orange teması.

    Limau Orange new Wordpress Theme | Blog Oh Blog

    WordPress Themes
  • 12-11-2008, 17:50:58
    #7
    Localde denedim, sol kısım, orta, sağ kısım diye ayırırsak, sol kısımdan sonra sağ kısım sağ kısımdan sonrada orta kısım geliyo, benim dediğim yaptığın içinde sol ve sağ kısım kardeş oldular.

    Şunu
    #wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
    Şunla
    #wrap { width:900px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
    Değiştirirsen olacak, olmadı deme localde denedim.

    Edit: Sol ve sağ kısımın biraz genişliğinden kısacaksın ama yoksa orta kısım aşağıda kalır.
  • 14-11-2008, 16:10:01
    #8
    Peksoft adlı üyeden alıntı: mesajı görüntüle
    Localde denedim, sol kısım, orta, sağ kısım diye ayırırsak, sol kısımdan sonra sağ kısım sağ kısımdan sonrada orta kısım geliyo, benim dediğim yaptığın içinde sol ve sağ kısım kardeş oldular.
    Şunu
    #wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
    Şunla
    #wrap { width:900px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:0 auto; }
    Değiştirirsen olacak, olmadı deme localde denedim.
    Edit: Sol ve sağ kısımın biraz genişliğinden kısacaksın ama yoksa orta kısım aşağıda kalır.

    yeni gördüm yazdığını çok sağol uğraşmışsın belli ki edit: olmadı