lostyazilim

css iki background image nasıl yapılır?

19 Mesajlar 2.603 Okunma
lstbozum

OmerGunay OmerGunay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1207
  • Beğeniler 382 / 381
  • Ticaret 16, (%100)
HeadCMoon yapmak istediğini tam anlasam yardımcı olurum da anlamadım. İstersen bağlantı ver bağlanıp bakayım.
 

 

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2772
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Sanırım body kısmına farklı footer kısmına farklı arka plan eklemek istiyorsun
HeadCMoon

kişi bu mesajı beğendi.

KeremEr KeremEr keremer.com.tr E-Mail Onaysız
  • Üyelik 08.06.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad K** E**
  • Mesajlar 331
  • Beğeniler 24 / 61
  • Ticaret 2, (%100)
Demek istediği muhtemelen body içerisinde 2 adet görselin yer alması, 2. görselin bodynin altında konumlanması.

Eğer istediğin buysa bu işine yarayacaktır.

body{
background-image: url(../graps/woodwall.png), url(../graps/back.gif);
background-repeat: repeat-x, no-repeat;
background-position:0 0, center center;
}
HeadCMoon

kişi bu mesajı beğendi.

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)

bilimokur adlı üyeden alıntı

Sanırım body kısmına farklı footer kısmına farklı arka plan eklemek istiyorsun


Evet aynen öyle.

KeremEr

evet istediğim tam olarak bu. Bunu yapıyorum ama woodwall'ın aşağıda olmasını istiyorum. Deneme yanılma ile yaptığım kod bu ama woodwall hala üstte.

body{
background-image: url(../graps/woodwall.png), url(../graps/back.gif);
background-repeat: repeat-x, repeat;
background-position: bottom left, center center;
}

Hata nerede?
 

 

wmaraci
wmaraci

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)

ÖmerGünay adlı üyeden alıntı

HeadCMoon yapmak istediğini tam anlasam yardımcı olurum da anlamadım. İstersen bağlantı ver bağlanıp bakayım.


Üstadım keşke bağlantı olsa... Şimdiye kadar çok kere göstermiştim. :)
 

 

KeremEr KeremEr keremer.com.tr E-Mail Onaysız
  • Üyelik 08.06.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad K** E**
  • Mesajlar 331
  • Beğeniler 24 / 61
  • Ticaret 2, (%100)

HeadCMoon adlı üyeden alıntı

Evet aynen öyle.

KeremEr

evet istediğim tam olarak bu. Bunu yapıyorum ama woodwall'ın aşağıda olmasını istiyorum. Deneme yanılma ile yaptığım kod bu ama woodwall hala üstte.

body{
background-image: url(../graps/woodwall.png), url(../graps/back.gif);
background-repeat: repeat-x, repeat;
background-position: center bottom, center center;
}

Hata nerede?


background-position içerisinde değerler x%, y% olarak verilmeli önce y eksenini yazamazsın.

böyle dene

body{
background-image: url(../graps/woodwall.png), url(../graps/back.gif);
background-repeat: repeat-x, repeat;
background-position: bottom center, center center;
}
 

 

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
KeremEr

Hmm... Bunu öğrenmek iyi oldu ama malesef woodwall hala yukarda. :(
 

 

KeremEr KeremEr keremer.com.tr E-Mail Onaysız
  • Üyelik 08.06.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Yazılım
  • Konum İzmir
  • Ad Soyad K** E**
  • Mesajlar 331
  • Beğeniler 24 / 61
  • Ticaret 2, (%100)
bodynin yeterli yüksekliğe sahip olmadığı için yukarda gözüküyor olabilir. body 'ye height:1000px ekleyerek bak
HeadCMoon

kişi bu mesajı beğendi.

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
KeremEr

Tamamdır üstadım... Yükseklik ile oluyor ama bu kez de aşağı kayıyordu. Kodu şöyle yapınca düzeldi:

body{
background-image: url(../graps/woodwall.png), url(../graps/back.gif);
background-repeat: repeat-x, repeat;
background-attachment: fixed;
background-position: bottom center, center center !important;
}

Çok teşekkür ederim yardımınız için. Zamanınızı aldım. Daha katedecek çok yolum var ama umarım bir gün ben de sizin gibi birilerine yardımcı olabilirim!

Tekrar teşekkürler.
OmerGunay

kişi bu mesajı beğendi.

wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al