ScriptLab Tema Kullanım Kılavuzu

Tema: ScriptLab v1.0
DLE: 19.0+ / 20.0 uyumlu
Tip: Koyu script / yazılım / araç teması

Bu doküman kurulum, ilave alanlar, anasayfa bölümleri, fullstory, menü URL’leri, mobil notlar ve sık karşılaşılan sorunları kapsar. Yayına almadan önce kontrol listesini uygulayın.

---

1. Gereksinimler

Gereksinim	Açıklama
DataLife Engine	19.0 veya üzeri (20.0 önerilir)
PHP	DLE’nin desteklediği sürüm
Tema klasörü	/templates/ScriptLab/ (klasör adı büyük/küçük harfe dikkat)
İlave alanlar	download, demo, version (aşağıda)

---

2. Kurulum

2.1 Tema dosyaları

1. ScriptLab klasörünün içeriğini (veya klasörün kendisini) şu yola kopyalayın:

   /templates/ScriptLab/

2. Admin → Ayarlar → Sistem ayarları → Genel
   Aktif şablon: ScriptLab
3. Önbelleği temizleyin (Admin → Araçlar / Cache).
4. Tarayıcıda hard refresh (Ctrl+F5) yapın — CSS/JS cache için önemli.

2.2 DLE 20.0 notu

Temada DLE 20 uyumluluk stilleri zaten vardır:

• .text_spoiler { display: none; }
• Takvim .monthselect-inner / .monthselect-title
• Hızlı haber editörü toolbar düzeltmesi
• attachment.tpl içinde data-type="iframe"

---

3. İlk yapılandırma kontrol listesi

• ✓ Şablon ScriptLab seçildi, cache temizlendi
• ✓ Kategoriler oluşturuldu: Mobil / Oyun / Program / Yazılım (veya kendi slug’larınız)
• ✓ main.tpl içindeki tüm category="1,2,3,4,5,6" değerleri gerçek kategori ID’lerinizle değiştirildi
• ✓ Menü ve footer linkleri (/kategori/mobil/ vb.) gerçek kategori URL’lerinize uyarlandı
• ✓ İlave alanlar oluşturuldu: download, demo, version
• ✓ Haber sıralama açıksa: Ayarlar → kullanıcıların sıralamayı değiştirmesine izin ver
• ✓ Favicon: images/favicon.ico yüklü
• ✓ Mobilde (yaklaşık 6.78″ / ~390px) ana sayfa + fullstory test edildi

Önemli: Anasayfadaki category="1,2,3,4,5,6" yer tutucudur. Yayın öncesi mutlaka kendi kategori ID’lerinizle değiştirin; aksi halde bölümler yanlış veya boş içerik gösterebilir.

---

4. Marka ve renkler

CSS değişkenleri (css/scriptlab.css → :root):

Token	Renk	Kullanım
--sl-bg-main	#070b10	Sayfa arka planı
--sl-bg-card	#0e141c	Kart / panel
--sl-accent	#2dd4a8	Ana vurgu (mint)
--sl-warm	#e8b84a	İkincil vurgu (amber)
--sl-text-main	#e8eef4	Ana metin

Logo metni: ScriptLab — main.tpl, modules/footer.tpl, offline.tpl içinde geçer.

Fontlar: Outfit + JetBrains Mono (Google Fonts, main.tpl).

---

5. Anasayfa bileşenleri

Anasayfa blokları main.tpl içinde [available=main] ile gelir.

Bölüm	Şablon	Not
Hero + arama	main.tpl	Marka + Keşfet araması
Editör Seçimi	story_pick.tpl	{custom top="30" ... limit="4"} — son 30 gün
Mobil & Hızlı Araçlar	story_mini.tpl	Küçük yatay kartlar
Güncel Oyunlar	story_poster.tpl	Poster grid; mobilde yatay kaydırma
Masaüstü Yazılımlar	story_wide.tpl	Geniş liste kartı
Scriptler	story_wide.tpl	Geniş liste kartı
Web Araçları	story_mini.tpl	Küçük kartlar

{custom category="GERÇEK_ID" template="story_mini" limit="6" order="date"}

Tümü linkleri şu an örnektir — kendi kategori URL’nize çekin:

• /kategori/mobil/
• /kategori/oyun/
• /kategori/program/
• /kategori/yazilim/

---

6. Sidebar

Blok	Kaynak
Kategoriler	{catmenu} → categorymenu.tpl (alt kategori + aktif durum destekli)
Popüler Scriptler	{custom top="10" template="story_mini"}
Son Yorumlar	{customcomments template="sidebar_comment" limit="5"}
Anket	{vote} → vote.tpl

Mobilde sidebar içerik altına iner (order: 2).

---

7. Haber detay (fullstory.tpl)

7.1 Yapı

• Başlık, meta (yazar / tarih / okuma / yorum), araç çubuğu (favori, yazdır, şikayet, paylaş…)
• İndir / Demo butonları (ilave alan doluysa)
• Oylama, {full-story} içerik, etiketler, anket, yazar kutusu
• Önceki / sonraki, ilgili içerikler (relatednews.tpl), yorumlar

Çift görsel uyarısı: Üstte ayrı kapak kullanılmaz. Kısa haber + uzun habere aynı görseli koyarsanız içerikte bir kez görünür. Kapak için kısa haberdeki ilk görsel ({image-1}) listelerde kullanılır.

7.2 Paylaşım

• Toolbar Paylaş → X / Facebook / Telegram / WhatsApp + kopyala
• İçerikte share-content sınıfı → DLE metin seçim paylaşımı (Masha)

7.3 Editör içeriği

• Paragraf, başlık, liste, tablo, pre/code, alıntı, spoiler stillenir
• Görseller mobilde ekrana sığacak şekilde zorlanır
• Paket listesi için editörde Kod / <pre> kullanın

---

8. İlave alanlar

Admin → İlave alanlar. Şablon alan adına bakar (açıklama metnine değil).

Alan adı	Tip önerisi	Kullanım
download	URL / metin	Fullstory Dosyayı İndir butonu
demo	URL / metin	Fullstory Canlı Demo butonu
version	Metin	story_mini alt satırında sürüm; yoksa kategori adı gösterilir

[xfgiven_download]...[xfvalue_download]...[/xfgiven_download]
[xfgiven_demo]...[xfvalue_demo]...[/xfgiven_demo]
[xfgiven_version][xfvalue_version][/xfgiven_version]

---

9. Şablon dosyaları (özet)

Dosya	Görev
main.tpl	İskelet, hero, anasayfa bölümleri
shortstory.tpl	Kategori / liste kartı
fullstory.tpl	Haber detay
story_mini.tpl	Küçük kart
story_wide.tpl	Geniş liste kartı
story_poster.tpl	Poster kart (oyunlar)
story_pick.tpl	Editör seçimi
relatednews.tpl	İlgili içerikler
comments.tpl / addcomments.tpl	Yorumlar
userinfo.tpl	Profil + düzenleme
pm.tpl	Özel mesaj
stats.tpl	İstatistikler
modules/topmenu.tpl	Üst menü
modules/footer.tpl	Footer
modules/pagetools.tpl	Breadcrumb + sıralama
categorymenu.tpl	Sidebar kategori menüsü
css/scriptlab.css	Ana tema CSS
css/engine.css	DLE çekirdek UI stilleri
js/scriptlab.js	Menü, paylaş, reveal

---

10. Menü ve URL’ler

modules/topmenu.tpl ve modules/footer.tpl içinde örnek linkler:

• Ana Sayfa → /
• Kategoriler → /kategori/mobil|oyun|program|yazilim/
• Son Eklenenler → /index.php?do=lastnews
• Favoriler → /index.php?do=favourite
• İletişim → /index.php?do=feedback
• İstatistik → /statistics.html (veya sitenizin stats URL’si)

Kendi DLE kategori alt URL yapınıza göre düzenleyin (SEO ayarına bağlı).

---

11. Haber yazım önerileri

1. Kısa haber: Özet + kapak görseli (listelerde {image-1})
2. Tam haber: Açıklama, ekran görüntüleri, paket listesi (pre)
3. Aynı görseli kısa + tama iki kez eklemek zorunda değilsiniz
4. download / demo / version alanlarını doldurun
5. Etiketleri ekleyin (fullstory etiket bloğu)
6. Mobilde 5–6 tam genişlik screenshot sayfayı uzatır — gerektiğinde azaltın veya galeri kullanın

---

12. Ayarlar (önerilen)

Ayar	Öneri
Haber sıralamasını kullanıcı değiştirsin	Açılırsa pagetools.tpl → {sort} görünür
İlgili haberler	Açık (fullstory related bloğu)
Yorumlar / oylama	İhtiyaca göre
Mobil görünüm	Temada responsive CSS vardır; ayrı “mobil şablon” gerekmez

---

13. Mobil (6.78″+)

• Hedef: yaklaşık 360–430px CSS genişlik (6.78″ sınıfı telefonlar)
• Hamburger menü, sidebar altta, poster yatay kaydırma
• Form input’lar %100 genişlik (302px sabiti kaldırıldı)
• Fullstory görselleri, ilgili içerikler, profil, kategoriler mobilde test edilmiştir

---

14. Sık karşılaşılan sorunlar

Sorun	Çözüm
Anasayfa bölümleri boş / yanlış	main.tpl category="..." ID’lerini düzeltin, cache temizleyin
İndir / Demo butonu yok	download / demo ilave alanlarını oluşturup haberde doldurun
Mini kartta sürüm yok	version alanı boşsa kategori adı gösterilir — normal
Sıralama (sort) görünmüyor	Admin’de “kullanıcı sıralama değiştirebilsin” açık olmalı
CSS eski görünüyor	DLE cache + tarayıcı hard refresh
Spoiler açık kalıyor (DLE 20)	Temada display:none vardır; cache temizleyin
Menü / Tümü 404	Kategori alt URL’lerini SEO ayarınıza göre düzeltin
pre bulanık	Tema açık renk mono stil kullanır; hard refresh deneyin

---

15. Yayın öncesi son kontrol

1. Kategori ID’leri ve URL’ler gerçek değerlerle güncellendi
2. İlave alanlar aktif
3. Örnek 1 haber: kısa + tam + görsel + download + etiket
4. Desktop + telefon fullstory kontrolü
5. Kayıt / giriş / PM / iletişim formları taşmıyor
6. Footer ve menü linkleri çalışıyor
7. Cache temiz, favicon görünüyor

---

ScriptLab · DLE 19/20 · Kullanım kılavuzu (editör)
Sorunlarda önce cache, sonra kategori ID / ilave alan adlarını kontrol edin.