Welcome to XENTR - Think Different and Make it...

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?

Styles Xenforo - Dark Mode Yapımı

Previous thread
Kullanıcı Değerlendirmesi
5.00 star(s)

Alfonse

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Joined
Jan 2, 2020
Messages
59
Reaction score
53
Points
18
Website
turkdevz.com
Web site address
https://turkdevz.com
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.
HTML:
Dear Guests, welcome! Please, Log in or Register 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...
HTML:
Dear Guests, welcome! Please, Log in or Register 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.
HTML:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Evet şimdi bir de button oluşturalım.Bunu aynı şablonda siz nereye isterseniz ekleyebilirsiniz.
HTML:
Dear Guests, welcome! Please, Log in or Register to view hide content!
Şimdi sıra extra.less şablonunda.Siz verdiğim kodu yazın büyük ihtimalle çalışacak.
Less:
Dear Guests, welcome! Please, Log in or Register to view hide content!
 
Bilgi Kaynak Erişimi
https://xentr.net/

Fatih

XenTR Müşterisi
Müşteri
XenTR Üyesi
Joined
Aug 5, 2019
Messages
43
Reaction score
21
Points
8
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.

Less:
Dear Guests, welcome! Please, Log in or Register to view hide content!
 
Last edited:
shape1
shape2
shape3
shape4
shape7
shape8
Top