Forum6 Karanlık Tema | Kara Delik Animasyonlu XenForo 2.3 Teması

[IronGuild]

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Forum6 Karanlık Tema
XenForo 2.3 için sıfırdan hazırlanmış; saf siyah zeminli, kara delik animasyonlu, tamamen Türkçe bir tema

Merhaba arkadaşlar,
Bir süredir üzerinde çalıştığım XenForo temasını sonunda tamamladım ve sizinle paylaşmak istedim. Hedefim; göz yormayan, sade ama karakteri olan, açar açmaz "bu forum farklı" dedirten bir arayüzdü. Simsiyah bir zemin, turuncu vurgular, ince çizgiler ve sayfanın en üstünde dönen bir kara delik. Aşağıda temanın neredeyse her parçasını tek tek anlattım; görüşlerinizi merak ediyorum.


Ana sayfa: Olay ufku

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Ana sayfayı açtığınızda sizi canvas ile çizilen canlı bir kara delik karşılıyor. Bu bir video ya da GIF değil; tarayıcıda gerçek zamanlı çiziliyor:

• Toplanma diski: Kara deliğin etrafında 2.000'e yakın madde parçacığı dönüyor. Bize dönük taraf daha parlak, gözlemciye yaklaşan kısım hafifçe daha aydınlık; gerçek bir disk gibi derinlik hissi veriyor.
• Foton halkası: Deliğin kenarında turuncu ışıltılı ince bir halka ve onun içinde sıcak beyaz bir çekirdek çizgisi var.
• Yıldız alanı: Arka planda yavaşça yanıp sönen yıldızlar. Sayfayı aşağı kaydırdıkça kara delik hafifçe yukarı kayıyor (parallax).
• Harf harf gelen başlık: Site adı açılışta harf harf beliriyor. "Forum6" yazısındaki MMO kısmı otomatik olarak turuncu bir gradyanla parlıyor. Başlık için bilim kurgu havasındaki Orbitron yazı tipini kullandım.
• Karşılama kartları: "Neden varız", "Kurallar", "Kendini tanıt" gibi numaralı kartlar. Hepsi yönetim panelinden değiştirilebiliyor.
• Misafir kapsülü: Giriş yapmamış ziyaretçilere kart dizisine çizgilerle bağlanan bir Kayıt ol / Giriş yap kapsülü ve altında küçük bir not (ör. "İlk 100 üyeye kalıcı kurucu üye rozeti").
• Sayan istatistikler: Konu, mesaj ve üye sayıları ekrana girdiğinde sıfırdan sayarak yükseliyor.

Radar: Forumun nabzı tek panelde

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Karşılama alanının hemen altında Radar adını verdiğim bir panel var. Forumda o an ne olduğunu sayfadan sayfaya gezmeden görmek için tasarladım:

• Dört sekme: Son mesajlar, Yeni konular, Gündem ve Cevapsız konular.
• En yeni üyeler: Sağ tarafta son katılan üyeler ve katılım tarihleri.
• Canlı yenileme: Panel, belirlediğiniz aralıklarla sayfa yenilenmeden kendini güncelliyor. İstenirse tek tıkla daraltılabiliyor.
• İzinlere saygılı: Kullanıcı yalnızca görme izni olan konuları görüyor; gizli forumlardaki konular Radar'a sızmıyor.

Forum listesi ve kategoriler

• Renkli kategori kapsülleri: Her kategori başlığı sarı, yeşil, kırmızı, mavi, mor gibi farklı bir renkle ayrılıyor. Uzun bir forum listesinde bile göz aradığını hızlı buluyor.
• Sinyal noktaları: Klasik forum ikonlarının yerine küçük noktalar var. Okunmamış içerik olan forumda nokta turuncu yanıp parlıyor.
• Hizalı sütunlar: Konu ve mesaj sayıları her satırda aynı hizada; son mesaj, avatarıyla birlikte sağda.
• Alt forumlar: Alt forumu olan bölümlerin altında küçük bir "Alt forumlar" açılır menüsü çıkıyor.
• Kenar çubuğu: Gündemdeki içerik, çevrimiçi yetkililer, çevrimiçi üyeler, forum istatistikleri ve paylaşım düğmeleri temaya uygun koyu kartlarda.

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Konu sayfası

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

• Okuma ilerleme çubuğu: Uzun konularda sayfanın en üstündeki ince turuncu çizgi ne kadarını okuduğunuzu gösteriyor.
• "Konu sahibi" rozeti: Konuyu açan kişinin her mesajında küçük bir rozet çıkıyor; uzun tartışmalarda kimin konu sahibi olduğu hemen anlaşılıyor.
• Okunaklı mesajlar: Geniş satır aralığı, sade kullanıcı kartı, koyu tablolar ve kod blokları.

Ctrl + K komut paleti ve klavye kısayolları

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Herhangi bir sayfada Ctrl + K tuşlarına bastığınızda bir komut paleti açılıyor. Yazdıkça menüler, forumlar ve hesap bağlantıları anında süzülüyor; Enter ile gidiyorsunuz ya da doğrudan forumda arama yapıyorsunuz. Fareye dokunmadan gezinmeyi sevenler için:

• Ctrl + K

  — komut paletini aç

• /

  — arama

• j

  /

  k

  — listede bir aşağı / bir yukarı

• Enter

  — seçili konuyu ya da forumu aç

• Esc

  — kapat

Mobil uyum

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Telefonda da aynı his korunuyor. Kara delik, başlık ve kartlar ekran boyutuna göre ölçekleniyor. Forum satırlarında son mesaj bilgisi başlığın altına iniyor, böylece başlıklar sıkışıp bölünmüyor. Üst menü 360 piksellik dar ekranlarda bile tek satıra sığıyor.


Footer

Bağlantı ve içerik kilitli
Görmek için konunun ilk mesajını beğenin ve konuya bir yorum yazın.Her iki işlem de tamamlanmalı. Ardından sayfayı yenileyin.

Sayfanın en altında site adı dev, ince çizgili harflerle yazıyor. Küçük bir detay ama sayfaya bir imza havası katıyor.


Teknik detaylar

• Platform: XenForo 2.3 ve üzeri. Tema bir eklenti (add-on) olarak tek zip dosyasıyla kuruluyor; çekirdek dosyalara dokunmuyor.
• Tamamen Türkçe: Ziyaretçinin gördüğü arayüz için yaklaşık 1.900 ifadelik Türkçe dil paketi hazırladım. Tarihler, ay ve gün adları ve "5 dakika önce" gibi zaman ifadeleri dahil.
• Yalnızca koyu tema: Site her zaman karanlık açılıyor; tasarım bütünlüğü bozulmasın diye açık/koyu seçicisini kapattım.
• Fontlar kendi sunucumuzda: Inter, JetBrains Mono ve Orbitron yazı tipleri Google'dan değil, sitenin kendi sunucusundan yükleniyor (OFL lisanslı). Fontlar için dış istek yapılmıyor.
• Performans: Animasyon sadece ana sayfada ve ekranda görünürken çalışıyor; sekmeyi değiştirdiğinizde duruyor. Mobilde parçacık sayısı ekran genişliğine göre azalıyor.
• Erişilebilirlik: Cihazında "hareketi azalt" ayarı açık olanlar için animasyonlar kapanıyor. JavaScript kapalı olsa bile tüm içerik eksiksiz görünüyor.
• Kolay yönetim: Karşılama alanı ve Radar, Yönetim Paneli → Görünüm → Widget'lar bölümünden düzenleniyor: kart metinleri, sekme başına konu sayısı, canlı yenileme aralığı ve daha fazlası. Bir bölümü kaldırmak için widget'ı kapatmak yeterli.

Kurulum

Kurulum birkaç dakika sürüyor ve forumun çekirdek dosyalarına dokunmuyor. Gereken tek şey XenForo 2.3.0 veya üzeri bir forum ve yönetim paneline erişim.
İndirme: Paket, bu konunun en altındaki ekte: Forum6-Karanlik-Tema-v1.0.0.zip. İndirip bilgisayarına çıkardığında içinden şunlar çıkar:

• Tema-Core-1.0.0.zip

  — temanın kendisi (eklenti arşivi, açmadan yüklenecek)

• turkce-dil-paketi.xml

  — Türkçe dil paketi

• logo/turkmmo-logo.png

  — şeffaf arka planlı logo

• KURULUM.txt

  — bu adımların kısa hâli

1. Temayı kur

• Paketteki ana zip'i bilgisayarına çıkar.
• Yönetim Paneli → Eklentiler → sağ üstteki "Arşivden yükle/güncelle" düğmesine tıkla.

• Tema-Core-1.0.0.zip

  dosyasını seç (bu zip'i açma, olduğu gibi yükle) ve kurulumu onayla.
• Kurulum bitince listede "Tema: Karanlık" eklentisi aktif görünür. Ana sayfaya karşılama alanı ve Radar paneli otomatik olarak eklenir; ayrıca bir şey yapmana gerek yok.

2. Logoyu ayarla

• logo/turkmmo-logo.png

  dosyasını FTP ile forumun

  styles/tema/

  klasörüne yükle (ya da kendi logonu kullan).
• Yönetim Paneli → Görünüm → Stil özellikleri → Temel seçenekler bölümündeki Logo alanlarına (normal ve 2x)

  styles/tema/turkmmo-logo.png

  yaz.
• Genişlik 127, yükseklik 40 değerleri önerilir. Logo menüde otomatik ölçeklenir.

3. Türkçe dil paketini kur

• Yönetim Paneli → Görünüm → Diller → İçe aktar bölümünden

  turkce-dil-paketi.xml

  dosyasını yükle.
• Ardından Seçenekler → Temel seçenekler → Varsayılan dil ayarını "Türkçe" yap.
• Not: Paket ziyaretçinin gördüğü arayüzü çevirir; yönetim paneli İngilizce kalır.

4. Site adını kontrol et

• Seçenekler → Temel seçenekler → Site başlığı alanına sitenin adını yaz.
• Ana sayfadaki büyük başlık ve footer'daki dev yazı bu adı kullanır. Adın sonundaki büyük harf bloğu (ör. Forum6'daki MMO) otomatik olarak turuncu gösterilir.

5. İsteğe bağlı ayarlar
Yönetim Paneli → Görünüm → Widget'lar bölümünde iki widget var:

• tema_hero

  — karşılama alanı. Karşılama yazısı, kartlar ve misafir notu buradan değişir. Kartlar her satıra bir tane olacak şekilde

  Başlık | Açıklama | Bağlantı

  biçiminde yazılır.

• tema_radar

  — Radar paneli. Açıklama metni, sekme başına gösterilecek konu sayısı, yeni üye sayısı ve canlı yenileme aralığı (saniye cinsinden, 0 = kapalı) ayarlanır.
• Bir bölümü ana sayfadan kaldırmak istersen ilgili widget'ı devre dışı bırakman yeterli.

Kaldırma
Yönetim Paneli → Eklentiler → Tema: Karanlık → Kaldır. Şablonlar ve widget'lar otomatik silinir; forum eski görünümüne döner. İstersen sunucudaki

js/tema

ve

styles/tema

klasörlerini de elle silebilirsin.

Görüş, öneri ve eleştirilerinizi bu konuya yazabilirsiniz. Gözünüze çarpan bir hata olursa ekran görüntüsüyle bildirmeniz yeterli.
İyi forumlar! ●



Bu aktarım eksik bağlantılar içeriyor; kaynak oturumu doğrulandığında güncellenecek.