1. Aşağıdaki kod sitemde başlıkların bulunduğu koyu mavi alanın arka palnını oluşturuyor ben oraya uygun png resmi hazırladım ve renk yerine o resmi koymak istiyorum...
.baslik {background-color: #3a506d; padding: 0 10px; overflow: auto; border: 1px solid #ddd;
border-radius: 4px;}
2. Aşağıdaki kodlarda bazı bölgelere ait arka planlar var ancak söyle bir sıkıntı var bu resimler tek bir resim dosyasında toplanmış ben ise bunların tek tek yaptım o şekilde ayarlamak istiyorum çünki asıl resimde kordinat ile belirtilmiş bir çok resim var ve bu dosya geç açılıyor...
/* Menü */
nav#navMenu {margin-top: -20px; background: url("../img/sprite.png")no-repeat -4px -174px; width: 963px; height: 42px; overflow: auto;}
#menu {margin-left: 10px; float: left; overflow: auto;}
#menu li{float: left; background: url("../img/menuAyrac.png")no-repeat right 9px; padding: 13px 20px;}
#menu li a{color: #E8E8E8; text-transform: capitalize;}
#menu li:hover a{color: #fff; }
/* Arama */
#arama {float: right; position:}
.aramaInput {background: url("../img/sprite.png")no-repeat -963px -860px; width: 223px; height: 21px; padding: 10px; border: none; color: #6b6b6b;}
.aramaSubmit {cursor: pointer; right: -30px; top: -20px; background: url("../img/sprite.png")no-repeat -140px -468px; width: 67px; height: 37px; padding: 10px; border: none;}
/* Alt Menü */
#altMenu {background: url("../img/sprite.png")no-repeat -4px -218px; width: 904px; height: 27px; padding: 7px 0 0 55px; overflow: auto; margin-top: -2px;}
#altMenu li {float: left; margin-right: 20px; }
#altMenu li a{color: #282c33; text-shadow: 1px 1px #adadaf; text-transform: capitalize;}
#altMenu li:hover a{color: #ff840b; text-shadow: 1px 1px #f5d6b7;} 