İnternette web sitenizi güzelleştirmek için tasarımında değişiklikler yapabilirsiniz. Tasarımın değiştirilmesi, ana sayfanın arka planını değiştirmekten site şablonunu tamamen yeniden çizmeye kadar her türlü eylemi gerektirir. Sitenizin arka planını değiştirmeye karar verirseniz, aşağıdaki talimat bu sorunu çözmenize yardımcı olacaktır.
Gerekli
css dosyasını düzenleme
Talimatlar
Aşama 1
Site tasarım kodu çoğunlukla style.css dosyasında bulunur. Ancak her şablon bir öncekinden farklı olabilir, bu nedenle tasarım kodu farklı bir dosyada bulunabilir, ancak aynı zamanda css uzantısıyla da bulunabilir. Sitenizin arka plan rengini ayarlamak için, mevcut değeri aşağıdaki ifadeyle girmeli veya değiştirmelisiniz: / * beyaz arka plan * / gövde {
arka plan rengi: #FFFFFF;} / * beyaz başlık arka planı, siyah yazı tipi rengi * / h1 {
renk: # 000000;
arka plan rengi: #FFFFFF;
}
Adım 2
Sitenize arka plan olarak herhangi bir resim eklemek için, mevcut değeri şu ifadeyle girmeli veya değiştirmelisiniz: body {
arka plan rengi: # 000000;
arka plan resmi: url ("Resim-1.jpg");
}
Bu durumda, css dosyasıyla aynı klasörde bulunacak olan resim dosyasına bir bağlantı sağlamanın gerekli olduğuna dikkat edilmelidir.
Aşama 3
Küçük bir resmi veya küçük bir resmi döşemek istiyorsanız, arka plan tekrar komutunu kullanın. Bu komutu doğru kullanmak için bu komutta birkaç iyileştirme vardır:
arka plan-tekrar: tekrar-x - görüntüyü x ekseni boyunca tekrarlayın;
arka plan-tekrar: tekrar-y - görüntüyü y ekseni boyunca tekrarlayın;
arka plan-tekrar: tekrarla - bir resmi aynı anda iki eksen boyunca tekrar edin;
arka plan tekrarı: tekrar yok - görüntü tekrarlanmaz;
arka plan eki: kaydırma - resmi sayfayla birlikte kaydırma;
arka plan eki: sabit - görüntü kaydırılmaz.
Bu komutun söz dizimini kullanarak nasıl çalıştığını örneklerle gösterebilirsiniz:
background-position: 30px 40px - Resim üstten 30 piksel aşağıda ve soldan sağa 40 pikseldir.
arka plan konumu: %60 %35 - Sol dolgu %60 ve üst dolgu %25.
