VanillaJS ve Cookie Kullanarak Dark Mode

Alfonse Kullanıcımız yeni bir kaynak oluşturdu:

VanillaJS ve Cookie Kullanarak Dark Mode - Vanilla Js ve Cookie Dark Mode

Merhabalar yine dark mode konusuyla karşınızdayım :D

Bu seferki düz bir javascript ile ve cookie kütüphanesi kullanarak olucak.

Öncelikle kütüphaneyi cdn ile dahil edelim.
HTML:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
bunu sitenize ekleyin.

Şimdi bir button ayarlayalım.O buttona tıklandığı zaman class toggle edeceğiz ve o class varsa...

Bu kaynak hakkında daha fazla bilgi ...
 

Mirliva

Active member
Licenced Member
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
170
Tepki puanı
133
Puanları
43
Canlı bir örneği olsa süper olurdu, teşekkürler. :(
 

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,534
Çözümler
11
Tepki puanı
2,250
Puanları
113
Web Sitesi
xentr.net
valla burda site adresi vermem ne kadar doğru bilemem ama
turkdevz com dan test edebilirsin
Profil alanından sitenizi ekleyebilirsiniz. Bizim için sorun yok. Azmini taktir ediyorum kardeşim. Daha iyi işlerler sunabileceğini değerlendiriyorum. ;)
 

Mirliva

Active member
Licenced Member
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
170
Tepki puanı
133
Puanları
43
Tam olarak komut istemi gibi belirtir misiniz.

.js dosyasına mı kayıt ediyoruz,
sonrası hangi şablonlara ekleyeceğiz. :rolleyes:
 

Alfonse

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
2 Ocak 2020
Mesajlar
71
Tepki puanı
59
Puanları
18
Web Sitesi
turkdevz.com
Tam olarak komut istemi gibi belirtir misiniz.

.js dosyasına mı kayıt ediyoruz,
sonrası hangi şablonlara ekleyeceğiz. :rolleyes:
Helper js globalde ekleyebilirsiniz.Extra.less şablonunda da teker teker bölümleri bulup özel renkler verebilirsiniz
 

Mirliva

Active member
Licenced Member
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
170
Tepki puanı
133
Puanları
43
Kastettiğim şey hocam, şu kodu - şu şablona,
şu kodu dosya olarak kaydedip ftp atın gibi..
 

Alfonse

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
2 Ocak 2020
Mesajlar
71
Tepki puanı
59
Puanları
18
Web Sitesi
turkdevz.com
Rezerve edeyim konuyu bende bekliyorum videoyu :)
Çok teşekkür ederim ilginiz için en yakın zamanda uygun olduğumda ve xenforo mobil için codemirror özelliğini düzelttiğinde anlatacağım.Hem xenforo olarak hem de normal xenforo dışı siteleriniz için
 

XenTR

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,534
Çözümler
11
Tepki puanı
2,250
Puanları
113
Web Sitesi
xentr.net
Alfonse kardeşimin paylaştığı şekilde biraz html css bilgisi olan kişiler rahatlıkla yapabilirler. Bunun ile ilgili olarak internette oldukça fazla meteryal mevcut.

Örnek bir kaç yapı..
Kaynak:
Download:

Başka bir örnek:

Bir başka örnek

Tabii XenForo tasarıma uyarlama konusunda biraz çalışmak gerek.
 

Alfonse

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
2 Ocak 2020
Mesajlar
71
Tepki puanı
59
Puanları
18
Web Sitesi
turkdevz.com
Alfonse kardeşimin paylaştığı şekilde biraz html css bilgisi olan kişiler rahatlıkla yapabilirler. Bunun ile ilgili olarak internette oldukça fazla meteryal mevcut.

Örnek bir kaç yapı..
Kaynak:
Download:

Başka bir örnek:

Bir başka örnek

Tabii XenForo tasarıma uyarlama konusunda biraz çalışmak gerek.
kendi çapımda sadece nasıl çalışır şablon içinde dark mode için özel renk değişimi nasıl yapılır vs oraları anlatacağım.Ayrıca bunu xenforodan bağımsız projeler için dahil etmeyi de anlatacağım.
 

Enterprise

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
20 Şub 2019
Mesajlar
12
Tepki puanı
3
Puanları
3
Birtanede benim bildiğim var bir zamanlar mybb sitem varken bakmıştım. Kodları buldumda birileri xenforo 2 için nasıl yapacağımızı anlatabilirse herkese faydası olur.

Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
css kodu
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Açma kapatma butonu
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!

Bu kodlar da gece siteye giren kullanıcılara siyah temayı gösteriyormuş
Kod:
Dear Guests, welcome! Please, Giriş Yap or Kayıt Ol to view hide content!
Ben buldum paylaşayım dedim bizimde faydamız olsun.
 

Enterprise

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
20 Şub 2019
Mesajlar
12
Tepki puanı
3
Puanları
3
Kaynak isterseniz link verebilirim. Link paylaşmının yasak olup olmadığını bilmediğim için yazmadım.
 

XDinc

Well-known member
Admin
XenTR Mod
Customer
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,912
Çözümler
13
Tepki puanı
4,532
Puanları
113
Web Sitesi
xentr.net
Üst