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?

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

Lisanslı Üye
Lisanslı Üye
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
152
Tepki puanı
124
Canlı bir örneği olsa süper olurdu, teşekkürler. :(
 

XenTR

XenTR Yönetici
Admin
XenTR Mod
Lisanslı Üye
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,265
Çözümler
2
Tepki puanı
1,916
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

Lisanslı Üye
Lisanslı Üye
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
152
Tepki puanı
124
Tam olarak komut istemi gibi belirtir misiniz.

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

Mirliva

Lisanslı Üye
Lisanslı Üye
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
20 May 2019
Mesajlar
152
Tepki puanı
124
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
66
Tepki puanı
57
Web Sitesi
turkdevz.com
Web site address
https://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

XenTR Yönetici
Admin
XenTR Mod
Lisanslı Üye
Müşteri
SMS Confirmed
XenTR Üyesi
Katılım
3 Şub 2019
Mesajlar
1,265
Çözümler
2
Tepki puanı
1,916
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
66
Tepki puanı
57
Web Sitesi
turkdevz.com
Web site address
https://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.
 

stepy

Kayıtlı Kullanıcı
XenTR Üyesi
Katılım
20 Şub 2019
Mesajlar
12
Tepki puanı
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.
 

stepy

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