• 30-07-2010, 14:19:26
    #1


    Temadaki Yan sütünların arka plan rengını nasıl değiştirebilirim ilgili yerden değiştigimde komple sitenin arka plan rengi değişiyor.

    Alıntı
    body {
    width: 100%;
    background: #ffffff;
    text-align: center;
    }

    layout.css
    body {
    	width: 100%;
    	background: #ffffff;
    	text-align: center;
    }
    
    body a {
    	color: #297eb9;
    }
    
    body a:hover {
    	color: #333;
    }
    
    input, textarea, select {
    	font-family: arial;
    }
    
    #wrapper {
    	width: 1000px;
    	margin: 0 auto 0 auto;
    	text-align: left;
    	font-family: arial;
    	font-size: 0.75em;
    	color: #555;
    }
    
    #bigcolumn {
    	float: left;
    	width: 662px;
    	margin-right: 14px;
    	margin: 10px 0 0 0;
    }
    
    #leftcolumn {
    	float: left;
    	width: 324px;
    	margin-right: 14px;
    }
    
    #rightcolumn {
    	float: right;
    	width: 324px;
    }
    
    #sidebar {
    	float: right;
    	width: 324px;
    }
  • 30-07-2010, 19:43:53
    #2
    O sütünların içinde kalan bölme için ayrı bir div açın, onun arka planına #fff; verin, sonra body'i istediğiniz gibi düzenleyin etkilemez orta bölümü.
  • 31-07-2010, 01:45:05
    #3
    KMLGRLR adlı üyeden alıntı: mesajı görüntüle
    O sütünların içinde kalan bölme için ayrı bir div açın, onun arka planına #fff; verin, sonra body'i istediğiniz gibi düzenleyin etkilemez orta bölümü.
    Yazdığını yapabilsem zaten konu acmazdım amacın yardım etmek ise edebilirsin
  • 31-07-2010, 04:11:53
    #4
    Üyeliği durduruldu
    çözüm 1:

    - genişliği 1800px, yüksekliği 1px olan bir resim oluşturun.
    - resmin tam ortasındaki 1000px'lik alanı (soldan 400px yani), gri yapın.
    - sağ ve solda kalan 400px'lik alanları beyaz yapın. (ya da tam tersi, orta beyaz, sağ-sol gri, vs)

    gif olarak kaydedip, resmi, tema dosyasındaki images klasörüne atın.

    css dosyasına,

    body {
    width: 100%;
    background: #ffffff url(images/resimadi.gif) repeat-y top center;
    text-align: center;
    }

    yazın.

    çözüm 2:

    header.php'deki body'den sonra <div id="arkaplan"> yazın.

    footer.php'deki son /div'den önce </div> yazın.

    style.css dosyasına:

    #arkaplan {
    overflow:hidden;
    background:#ccc;
    width:1000px;
    margin:0 auto;
    }

    yazın.

    olacaktır tahminim.
  • 31-07-2010, 04:23:05
    #5
    html { 
        width: 100%; 
        background: #ff0000; 
        text-align: center; 
    } 
    body { 
        width: 1020px; 
        background: #ffffff; 
        text-align: center; 
    }
    önceki bodyyi silip
    Layout içine bunları ekleyin değişecektir...
  • 31-07-2010, 06:16:58
    #6
    Tşk Ederim Hallettim.