DleHub
elegance profil resmi

Kanka — Modern Dark/Light DLE Blog Teması

Geliştirici: elegance • Yayın: 24-07-2026, 18:36
Kanka — Modern Dark/Light DLE  Blog Teması


Kanka — DataLife Engine Tema

Modern dark / light blog teması. DLE 19.x için hazırlanmıştır.

Sürüm 1.0.0
Yazar Elegance
Minimum DLE 19.0
Tip Dark (light mod destekli)

Özellikler

  • Dark / light tema geçişi (tarayıcıda hatırlanır)
  • Responsive blog düzeni (sol widget + içerik)
  • Hero arama + AJAX hızlı arama (fastsearchresult.tpl)
  • Tam / kısa haber, yorum, PM, profil, istatistik, iletişim
  • Scroll progress’li “yukarı çık” butonu
  • .htaccess ile şablon dosyalarının doğrudan erişime kapatılması

Kurulum

  1. kanka klasörünü sunucudaki /templates/ dizinine yükleyin (templates/kanka/...)
  2. Yönetim Paneli → AyarlarSite ayarlarıSite şablonu listesinden Kanka seçin
  3. SistemÖnbelleği temizle (şablon + sistem cache)
  4. Ana sayfayı Ctrl+F5 ile yenileyin

FTP / yükleme notu

Gizli dosyaları da yükleyin:

  • kanka/.htaccess
  • kanka/css/.htaccess
  • kanka/js/.htaccess
  • kanka/images/.htaccess
  • kanka/dleimages/.htaccess

Önerilen ayarlar / ek alanlar

Temanın kart ve hızlı arama görselleri için ek alan:

Alan adı Tip Açıklama
poster Metin veya Görsel Kapak / poster URL’si

Kullanım: [xfvalue_poster]shortstory.tpl, fullstory.tpl, fastsearchresult.tpl

Poster yoksa {image-1} veya images/no-poster.svg yedek olarak kullanılır.

Önemli şablon dosyaları

Dosya Görev
main.tpl Ana iskelet, header, hero, footer
shortstory.tpl / fullstory.tpl Liste / tekil haber
fastsearchresult.tpl Hızlı arama dropdown (shortstory kopyalamayın)
search.tpl / searchresult.tpl Gelişmiş arama
login.tpl Üye paneli / giriş
feedback.tpl İletişim formu
info.json Admin tema listesi meta bilgisi
frame.css Admin haber önizleme iframe stilleri

Klasör yapısı

kanka/
├── info.json
├── frame.css
├── .htaccess
├── *.tpl
├── css/
│   ├── style.css
│   └── engine.css
├── js/
│   └── main.js
├── images/
└── dleimages/

Özelleştirme

  • Renkler: css/style.css içindeki :root ve [data-theme="light"] değişkenleri
  • Widget’lar: main.tpl sol sütun
  • Logo / favicon: images/

İstemediğiniz bölümleri (takvim, anket, popüler vb.) ilgili {include} veya blokları main.tpl içinden silmeniz yeterlidir.

Gereksinimler

  • DataLife Engine 19.0+
  • PHP (DLE’nin desteklediği sürüm)
  • Apache + mod_rewrite


    Dosya İndirme Kilitli
153 Gösterim 3 Yorum
Bu İçeriği DeğerlendirPuan: +10
Harika (+10p)
1
Çalışıyor (+5p)
0
Yararlı (+5p)
🚀
0
Hatalı (-5p)
0
Sorum Var (0p)
0
Teşekkürler (+2p)
🙏
0

Geliştirici Tartışmaları

3 yorum
  1. Oleksii Panchenko
    Oleksii Panchenko Aktif Üye
    24 Tem 2026 21:05
    0
    #1

    Для блога колонки лучше местами поменять. 

    Стандарт блога

  2. King
    King Aktif Üye
    31 Tem 2026 14:03
    0
    #2

    teşekkürler güzel tema, kurdum, karanlık modda değilde standart açık modda olması için ne yapabilirim kodlara baktım biraz tam olmadı.

  3. elegance
    elegance Yazar Yönetici
    31 Tem 2026 15:14
    +1
    #3
    31 Temmuz 2026 14:03, King der ki:

    teşekkürler güzel tema, kurdum, karanlık modda değilde standart açık modda olması için ne yapabilirim kodlara baktım biraz tam olmadı.

    1. `main.tpl` — 2. satır

    <html lang="tr" data-theme="dark">


    Bu satır sayfanın daha ilk açılış anında hangi temayla görüneceğini belirler. `data-theme="dark"` yazdığı için sayfa her seferinde karanlık modda yükleniyordu. jаvascript henüz çalışmadan önce bile sayfa karanlık görünüyordu.

    Bunu şöyle değiştirdik:

    <html lang="tr" data-theme="light">

    Artık sayfa daha yüklenirken açık modda başlıyor.


    2. `js/main.js` — 9. satır

    const savedTheme = localStorage.getItem('kanka-theme') || 'dark';


    Bu kod şunu yapar: Tarayıcının hafızasında (`localStorage`) `kanka-theme` adında bir kayıt var mı diye bakar. Varsa onu kullanır, **yoksa** `||` işaretiyle `'dark'` varsayılan değerini alır. Yani siteyi ilk kez açan bir kullanıcının hafızasında kayıt olmadığı için dark mod geliyordu.


    Bunu şöyle değiştirdik:

    const savedTheme = localStorage.getItem('kanka-theme') || 'light';

    Artık hafızada kayıt yoksa varsayılan olarak `'light'` kullanılıyor.

Yorum Ekle

Hesapla giriş:
Kodu Güncelle