Arkaplan Yapmak

[mehmetgul1806]

Merhaba,
Aşağıdaki Örnek Sitedeki gibi bir arka planı nasıl oluştururz. Arka Plan Yukardan başlayan ve sitenin en altına kadar beyaz ve yukarı kısmı gölgeli bununda en arkası kül rengi.
Bunu nasıl yaparız acaba...
Örnek Site
Saygılarımla

 

[masteryoda]

catalog\view\theme\default\stylesheet altında stylesheet.css içinde
9.cu satırdan itibaren satırın altına yani
body {
margin: 0px;
padding: 0px;
text-align: center;

altına background-color:fuchsia; gibi bi kod eklersen body rengin değişir.
eğer contenti ayrı menülerdi vesaire idi ayrı renklendirmek istersen de yine bu dosya içinde container veya header gibi başlıkların altına background-color: kodu eklersin.

Bu arada hazır bir resmin varsa bu kod yerine şu kodu koy;
background-image:url('catalog/view/theme/default/image/arkaplan.jpg')

 

[mehmetgul1806]

Maalesef örnek sitedeki gibi yapamadım. Daha Açık Yazabilirmisiniz?

 

[masteryoda]

öncelikle istediğin gibi bir resim yap, photoshopta, üstü koyu alta doğru açık renk inen,
boyutları 1 x 1000 px olsun mesela,
şu kodları yerleştirip kendine göre düzenle

background-image: url('catalog/view/theme/default/image/arkaplan.jpg') ;
background-position: center top ;
background-repeat: repeat-x ;

ilk satır resmin adresi
ikinci satır resmin sayfada ki hizalaması
üçüncü satır resmin kendini tekrar ederek dolduran bi resim oldugudur

 

[cirkindeli]

bak şimdi bir kardeşimiz bir konu eklemişdi o k adar güzel diki adı aklımda değil ona burada senin vasıtanla teşekkür edeyim

link i eklemek istedim konuyu bulamadım ama dosyayı eklim size
dosya ekli arkadaşın ellerine sağlık

 

[ttsagce]

Paylaştığınız dosyanın şifresini yazarmısınız. Teşekkürler

 

[cirkindeli]

şifre aklımda değil ama dosyanın açık hali vardı onu ekliyom özür kontrol etmemişdimm

 

[ttsagce]

Çok teşekkür ederim

 

[mehmetgul1806]

Merhaba,
Sayın, masteryoda Denedim ama hiçbir işe yaramadı.Yine Olmadı.
Sayın, Çirkindeli css kullanım kalvuzu için teşekkür ederim.

Bahsi geçena rka planı ahzırladım. Hasettiğiniz gibi kodları yerletirdim. Ama maalesef yine olmadı.