Arkaplana resim ekleme nasıl yapılır?

SanalAnsiklopedim

Arkaplana resim ekleme şansımız varmı?

@sezginyildirim isimli moderatörümüz arkaplanın rengini değiştirmeyi altta belirtmiş. Ben ise arkaplana resim koymak istiyorum. Bu konu hakkında bilgisi olan varmı?

'‘Arkaplan renk değiştirme’' İsimli konusu;
https://flarumtr.com/d/200-arka-plan-rengi-ayarlama
Flarum forumunuzun beyaz arka plan rengi daha hızlı göz yorabiliyor. O nedenle facebook & twitter arka planı yapmak isteseniz bu kodları yönetim panelinizden Harici Stiller bölümüne ekleyiniz.

body { 
    background-color: #F7F7F7;
    } /* arka plan rengi */
.Scrubber-handle { 
    background-color: #F7F7F7;
    } /* post hiyerarşi arka plan rengi */

SanalAnsiklopedim

Ekstra olarak; Yeni Konu-Yeni Tartışma olan yerin arkaplan rengi değiştirme kodu var mı elinizde?

Burada belirtilen yerin.

sezginyildirim

SanalAnsiklopedim Onun için ;

.IndexPage-newDiscussion {
background-color: #000;
}

sezginyildirim

Şunu dener misin ;

body {
background-image: url(https://www.resimadresi.com/arka-plan.png);
background-repeat: repeat;
background-attachment: scroll;
background-position: top-left;
}

SanalAnsiklopedim

sezginyildirim
Oldu. 🙂 Sayfaya sabitleme ve otomatik boyutlandırma kodu ile beraber paylaşır mısınız. Çok teşekkür ederim. 🙂

SanalAnsiklopedim

sezginyildirim

Neresine eklemem gerekiyor?

sezginyildirim

SanalAnsiklopedim Harici stiller bölümüne

SanalAnsiklopedim

sezginyildirim
Bu şekilde yaptım. Resim normal boyutta ve sabit yerde duruyor. Sayfayı takip etmesi ve ekranı kaplaması için hangi kodu kullanmalıyım?

body {
background-image: url(https://ae01.alicdn.com/kf/HTB1unvaRXXXXXb6XXXXq6xXFXXXl/Gezegen-Galaxy-Sci-Fi-Alan-Mor-Bulutsusu-Kuma-Ipek-Duvar-Posteri-24x40-in-D003.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-position: top-left;
}

.IndexPage-newDiscussion {
background-color: #000;
}

sezginyildirim

SanalAnsiklopedim Sabit kalması için ;

body {
background-image: url(https://ae01.alicdn.com/kf/HTB1unvaRXXXXXb6XXXXq6xXFXXXl/Gezegen-Galaxy-Sci-Fi-Alan-Mor-Bulutsusu-Kuma-Ipek-Duvar-Posteri-24x40-in-D003.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
}

SanalAnsiklopedim

sezginyildirim

https://sordumsoruyu.com/

Şuan çok güzel oluyor. Tek isteğim var. Arkaplan sayfayı takip edebilir mi? yorumlarda alta inince resim de ekran ile beraber insin mesela.

NightKing

SanalAnsiklopedim Arka plana resim eklemenizi önermem. Çünkü her seferinde sitenize yeni bir kişi geldiğinde tarayıcı önbelleğine alması için resmi bir kere indiricektir en az. Şuanlık pek bir sıkıntı yaratmayabilir fakat iyi bir hit yakalarsanız siteyi açılmaz hale getirebilir. Atıyorum anlık 1k hit alıyorsunuz 300′ü yeni gelse 3mb resim boyutu olsa 900mb anlık trafik demek. Bu da çok büyük bir sorun teşkil eder.

sezginyildirim

Son paylaştığım kodu ekleyin…

SanalAnsiklopedim

sezginyildirim

Altta bulunan kod ile ekleme yaptım. Eklemek isteyen eklesin. Gündüz teması tamamdır sitemin. 🙂 Gece teması zaten kendinden güzel.
https://sordumsoruyu.com/

NightKing
Önemli uyarınız için teşekkür ederim. Dikkate alacağım. Şuan eklediğim resimlerin boyutu 1mb geçmemekte. Günlük 1000 kişi keşke girse… Ama çok zor gibi görüyorum. Bakalım. Girer ise sunucuyu yükseltir birşeyler yaparım o vakit. 🙂 Ama uyarınıza lafım yok, yüksek hitli siteler için son derece önemli bir uyarı.

`body {
background-image: url(https://i.hizliresim.com/dL3QrZ.jpg);
background-repeat: no-repeat; 
background-attachment: fixed;
  background-size:cover!important; 
  width: auto;
  height: auto;
  margin: 0;
}
`

Edit: Telefon ile girildiği zaman tema uygulanmıyor. Standart tema ile devam ediliyor. Belki ilerde onu düzeltebilirim. Şuan için ideal.
Tekrar edit: Telefonun önbelleği temizledim. Tema uygulandı. Bir sıkıntı yok şuan. 😊