• Web sitemize kayıt olmak ve onay işlemleri ile ilgili genel bilgilendirme için buraya tıklayınız

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 ...
 

HytaleTurkiye

XenTR Ekibi
XenTR Mod
XenTR Üyesi
Katılım
25 Mar 2019
Mesajlar
228
Çözümler
4
Tepki puanı
294
Puanları
63
Elinize sağlık.
 

Mirliva

Active member
Licenced
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
183
Tepki puanı
139
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,705
Çözümler
16
Tepki puanı
2,419
Puanları
113
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. ;)
 

Alfonse

SMS Confirmed
SMS Confirmed
XenTR Üyesi
Katılım
2 Ocak 2020
Mesajlar
76
Tepki puanı
62
Puanları
18
Profil alanından sitenizi ekleyebilirsiniz. Bizim için sorun yok. Azmini taktir ediyorum kardeşim. Daha iyi işlerler sunabileceğini değerlendiriyorum. ;)
çok teşekkür ederim abi :) sizlerin de sayesinde
 

Mirliva

Active member
Licenced
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
183
Tepki puanı
139
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
76
Tepki puanı
62
Puanları
18
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
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
183
Tepki puanı
139
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
76
Tepki puanı
62
Puanları
18
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,705
Çözümler
16
Tepki puanı
2,419
Puanları
113
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
76
Tepki puanı
62
Puanları
18
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
2,071
Çözümler
13
Tepki puanı
4,779
Puanları
113
Üst