System Açık ton Karanlık ton

Tema düzenleyici

Sayfa Düzeni Görünüm

  • Sayfa Genişliği

    Sayfa Genişliğini Değiştir

    Sayfa genişliğini değiştirmenizi sağlar

    Renk Seçiciler

    Renk seçiciyi aç/kapat

    Önceden tanımlanmış bazı öğelerin rengini değiştirir

    Tipografi

    Kullanmak istediğiniz yazı tipini seçin

    Forum Düzeni

    Izgara düzenini etkinleştir

    Forum düğümlerini temiz bir ızgara düzeninde düzenler.

  • Temalarınız

    Kullanmak istediğiniz stili seçin

    Diller

    Tercih ettiğiniz dili seçin

    Style variation

    Kullanmak istediğiniz stil varyasyonunu seçin
    System Açık ton Karanlık ton

VanillaJS ve Cookie Kullanarak Dark Mode

  • Konuyu başlatan Konuyu başlatan Alfonse
  • Başlangıç tarihi Başlangıç tarihi
CevaplarVanillaJS ve Cookie Kullanarak Dark Mode
Konuyu başlatanAlfonse
Cevaplar21
Görüntüleme7K
Tarihe göre sırala Sort by reactions
Tam olarak komut istemi gibi belirtir misiniz.

.js dosyasına mı kayıt ediyoruz,
sonrası hangi şablonlara ekleyeceğiz. :rolleyes:
 
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:
codyhouse.co

How to create a dark\light mode switch in CSS and Javascript | CodyHouse

In this tutorial, we'll take a look at how to create a dark color theme by updating the values of your color variables (CSS custom properties), and how to apply this new theme to a web project.
codyhouse.co codyhouse.co
Download:
github.com

GitHub - codyhouse/dark-light-mode-switch: How to create a dark\light mode switch in CSS and Javascript

How to create a dark\light mode switch in CSS and Javascript - codyhouse/dark-light-mode-switch
github.com github.com

Başka bir örnek:
dev.to

Create A Dark/Light Mode Switch with CSS Variables

Step by step guide on how to create a dark-light mode switch with CSS variables in your website
dev.to dev.to

Bir başka örnek

Edit fiddle - JSFiddle - Code Playground

JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
jsfiddle.net jsfiddle.net

Tabii XenForo tasarıma uyarlama konusunda biraz çalışmak gerek.
 
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.
 
Yanıt için giriş yapmanız veya üye olmanız gerekir.
Quick Jump

Yasal Uyarı

İçerik sağlayıcı paylaşım sitesi olarak hizmet veren xentr.net adresimizde 5651 Sayılı Kanun'un 8. Maddesine ve T.C.K' nın 125. Maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur. XenTR.Net hakkında yapılacak tüm hukuksal şikayetler iletişim linkimizden bize ulaşıldıktan en geç 3 (üç) gün içerisinde ilgili kanunlar ve yönetmelikler çerçevesinde tarafımızca incelenerek, gereken işlemler yapılacak ve site yöneticilerimiz tarafından bilgi verilecektir.

Şu anda web sitemizde
12 Kullanıcı Aktif  (0 Üye, 12 Ziyaretçi)
Çevrimiçi Kullanıcılar
Konular 2,685
Mesajlar 12,614
Kullanıcılar 1,460
Son Üye ZaurieL
Geri
Üst