Merhaba, sitemin arka planına görsel koymak istiyorum, gündüz modu için ayrı gece modu için ayrı görsel nasıl ekleyebilirim?
Arka plan görseli
body {
background: url(‘png’) repeat fixed right top #FFF;
}
.Scrubber-handle {
background: transparent;
}
Bunu gece modu için ayrı görsel, gündüz modu için ayrı görsel ile kullanmak istiyorum.
- Düzenlendi
potm35 Aşağıdaki şekilde bir css kalıbı kullanabilirsiniz.
body {
& when (@config-dark-mode = false) {
// light mode
}
& when (@config-dark-mode = true) {
// dark mode
}
}body {
& when (@config-dark-mode = false) {
body {
background: url(‘lightmode.png’) repeat fixed right top #FFF;
}
.Scrubber-handle {
background: transparent;
}
}
& when (@config-dark-mode = true) {
body {
background: url(‘dark.png’) repeat fixed right top #FFF;
}
.Scrubber-handle {
background: transparent;
}
}
}Umarım tam olarak nasıl kullanmanız gerektiğini anlamışsınızdır.
Araştırmadığım yer kalmadı ancak çözüm bulamadım hala
- Düzenlendi
body when (@config-dark-mode = true) {
background: url('png') repeat fixed right top #14191F;
}
body when (@config-dark-mode = false) {
background: url('png') repeat fixed right top #FFF;
}Bu şekilde çalıştı. Çok güzel şeyler çıkıyor ortaya
Blog eklentisini de kullanıyorum, blog sayfasının arka planı için hangi kodları kullanmam gerekiyor?
2 yıl sonra
Hocam bu kodlar çalışıyorda tek sorun eklediğim wallpaper tam ekran gözükmüyor. Bunun için kaç boyutunda bir fotoğraf kullanmam lazım? Ve mobil de de tam gözükmüyor. Hem masaüstü hem de mobil için ayrı yapabilsek iyi olur.