VanillaJS ve Cookie Kullanarak Dark Mode

VanillaJS ve Cookie Kullanarak Dark Mode
21
6K
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 ...
 
Canlı bir örneği olsa süper olurdu, teşekkürler. :(
 
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. ;)
 
Tam olarak komut istemi gibi belirtir misiniz.

.js dosyasına mı kayıt ediyoruz,
sonrası hangi şablonlara ekleyeceğiz. :rolleyes:
 
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
 
Kastettiğim şey hocam, şu kodu - şu şablona,
şu kodu dosya olarak kaydedip ftp atın gibi..
 
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 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.
 
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.
 
Kaynak isterseniz link verebilirim. Link paylaşmının yasak olup olmadığını bilmediğim için yazmadım.
 
Quick Jump
2,620Konular
12,449Mesajlar
1,428Kullanıcılar
Geri
Üst