Styles Xenforo - Dark Mode Yapımı

Javascript Xenforo Dark Mode
​

Herkese selamlar Bu makalemde elimden geldiğince gelişmiş bir şekilde xenforo temanıza karanlık mod eklemeyi anlatacağım.Bu konuyla beraber tamamen bu olayı kapatmayı düşünüyorum.Umarım beğenirsiniz.

Bu sistemi js ve cookie kütüphanesi ile yapacağız.Kendi temamda kullandığım dark mode css içeriğini de konu içinde paylaşacağım eğer eksik yerler olursa siz öğe denetle yapıp css yapısını öğrenip ona göre ayarlayabilirsiniz.Haydi yapmaya başlayalım...

Öncelikle PAGE_CONTAINER şablonuna girip </head> altına script tagıyla kütüphanemizi dahil edelim.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Bu sayfa açık kalsın çünkü işimiz bitmedi burada.Şimdi helper_js_global şablonumuza girelim ve <!--XF:JS--> altına vereceğim kodu ekleyin...

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Bu şablonda işimiz tamam.Kod içerisinde neyin ne işe yaradığını altına yorum içinde yazdım.
Şimdi PAGE_CONTAINER şablonuna dönelim.Eklediğimiz script tagı altına tekrar bir script oluşturalım.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Evet şimdi bir de button oluşturalım.Bunu aynı şablonda siz nereye isterseniz ekleyebilirsiniz.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Şimdi sıra extra.less şablonunda.Siz verdiğim kodu yazın büyük ihtimalle çalışacak.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

 

[XenTR]

Makale için teşekkür ederim Alfonse.

 

[Alfonse]

Makale için teşekkür ederim Alfonse.

rica ederim abim faydalı olduysa ne mutlu bana

 

[Fatih]

Alfonse default temada denedim ama çalıştıramadım bir türlü. Default temada uyguladığın var mı xml dosyası falan? Kullandığım extra.less kodları aşağıdaki gibi.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

 

[Alfonse]

Alfonse default temada denedim ama çalıştıramadım bir türlü. Default temada uyguladığın var mı xml dosyası falan? Kullandığım extra.less kodları aşağıdaki gibi.

Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

kodlarını incele yanlış yazmışsın bazı yerleri

 

[Zombeyi]

Elinize sağlık, herşey size mi ait cidden emek var.

 

[Zombeyi]

@Alfonse hocam bir şeyi merak ediyorum Lighthouse raporunda webpagetest raporunda felan javascript etkiliyor olarak gözüküyor, dark mode etkiler mi? yada nasıl optimize edebiliriz.