Neden [XTR] Thread Prefix Pro?
Geleneksel XenForo konu ön ekleri genellikle sınırlı CSS sınıfları ve statik yapılarla sınırlıdır. Forum yöneticileri için ön ekleri özelleştirmek çoğunlukla karmaşık kod bilgisi veya ek şablon değişiklikleri gerektirir.
[XTR] Thread Prefix Pro, bu sınırları tamamen ortadan kaldırıyor! Yönetici panelinize (Admin CP) entegre edilen güçlü ve görsel bir stil motoru sayesinde, tek bir satır kod yazmadan büyüleyici ön ek tasarımları oluşturabilirsiniz. Eklenti, modern web tasarım trendlerine uygun 16 adet özel ön tanımlı tasarım düzeni (Layouts), gelişmiş bir FontAwesome İkon Seçici, Canlı Önizleme (Live Preview) paneli ve kullanıcılarınızın aradıkları konulara saniyeler içinde ulaşmasını sağlayan Dinamik Ön Ek Filtreleme Barı ile birlikte gelir.
XenForo'nun çekirdek (core) yapısına tamamen sadık kalınarak geliştirilen bu eklenti, hiçbir dış kütüphaneye ihtiyaç duymaz ve temalarınızla %100 uyumlu çalışır.
Temel Özellikler ve Modüller
1. Görsel Stil Oluşturucu (Visual Style Builder)
Ön eklerinizi tasarlarken artık CSS dosyalarında kaybolmanıza gerek yok. Admin panelinde her ön ek düzenleme sayfasında karşınıza çıkan görsel stil editörü ile:
* Metin Rengi (Color): Ön ek içerisindeki yazı rengini dilediğiniz gibi belirleyin.
* Arka Plan Rengi (Background): Arka plan rengini ve şeffaflık seviyesini ayarlayın.
* Kenarlık Rengi (Border): İnce veya kalın kenarlıklar için özel renkler seçin.
* XenForo Renk Paleti Desteği: Temanızın orijinal renk paletini kullanarak tam uyumlu tasarımlar yapın.
2. Gelişmiş FontAwesome İkon Seçici & İkon Özelleştirme
Ön eklerinizin görsel etkisini artırmak için dahili ikon yönetim sistemini kullanın:
* Gelişmiş Arama Arayüzü: Yüzlerce ikon arasından aradığınız ikonu saniyeler içinde bulun.
* Varyant Sekmeleri: Tasarımınıza en uygun ikon kalınlığını seçebilmeniz için Light (Işık), Regular (Normal), Solid (Dolu) ve Duotone (Çift Tonlu) kategorilerinden ikonları anında filtreleyin.
* Özel İkon Rengi (Color FA): İkonunuzun ön ek metninden farklı bir renkte görünmesini sağlayın veya boş bırakarak metin rengini devralmasını (inherit) sağlayın.
3. Gerçek Zamanlı Canlı Önizleme (Live Preview)
Seçtiğiniz renklerin, ikonların ve düzenlerin forum listesinde nasıl görüneceğini tahmin etmekle vakit kaybetmeyin. Düzenleme yaparken, simulasyon alanı sayesinde ön ekinizin gerçek bir konu başlığı yanında nasıl duracağını anlık olarak izleyin.
4. Dinamik Ön Ek Filtreleme Sistemi (Thread Prefix Filter Bar)
Kullanıcıların forumda gezinmesini ve istedikleri konuları bulmasını kolaylaştırın. Forum görünümünde (`forum_view`) konu listesinin hemen üzerinde yer alan şık, esnek ve hızlı filtreleme barı sayesinde:
* Tek Tıkla Filtreleme: Kullanıcılar bir ön eke tıkladığında sadece o ön eke sahip konular anında listelenir.
* Tümünü Göster Çipi: Filtreleri sıfırlamak ve tüm konulara geri dönmek için şık bir temizleme çipi bulunur.
* Konu Sayısı Gösterimi (Thread Count): Hangi ön eke ait kaç adet aktif konu olduğunu parantez içinde dinamik olarak gösterin.
* Boş Ön Ekleri Gizleme (Hide Unused): Forumda henüz konusu bulunmayan ön ekleri filtre barında otomatik olarak gizleyerek temiz bir arayüz sunun.
* Kapsamlı Sıralama Seçenekleri: Filtre barındaki ön ekleri alfabetik, en çok kullanılan konulara göre (popülerlik) veya yönetici panelindeki grup sırasına göre sıralayın.
* Forum Hariç Tutma (Excluded Forums): Filtreleme barının görünmesini istemediğiniz forum kategorilerini admin panelinden kolayca seçip hariç tutun.
16 Premium ve Özgün Düzen (Layouts)
Eklenti bünyesinde barındırdığı 16 farklı CSS düzeni ile forumunuzun vizyonunu değiştirir. İşte kullanabileceğiniz premium şablonlar:
* Layout 0 (Solid / Outline): Klasik çizgileri sevenler için sade, kenarlıklı veya tam dolgulu standart minimalist tasarım. Dark mode ile tam uyumludur.
* Layout 1 (Pill Outline): Çerçevesi yumuşatılmış, ince kenarlıklı ve modern bir elips (hap) görünümü sunan çizgisel tasarım.
* Layout 2 (Pill Solid): Tamamen yuvarlatılmış köşeleri, dolgulu canlı arka planı ve temiz kontrast metin yapısıyla dikkat çeken modern rozet stili.
* Layout 3 (Circle Left Outline): Sol tarafta tamamen yuvarlak ve dolgulu bir ikon alanı barındırırken, sağ taraftaki metni şık bir ince çerçeve ile saran estetik kombinasyon.
* Layout 4 (Circle Left Solid): Yumuşak ve yarı saydam geçişli arka plan üzerinde, sol tarafta ön plana çıkan dolgulu dairesel ikon alanı içeren dinamik tasarım.
* Layout 5 (Cyberpunk Cut): Geometrik ve futuristik forumlar için ideal, sağ ve sol kenarları diagonal açıyla kesilmiş özel CSS polygon/clip-path kesimli tasarım.
* Layout 6 (Slanted Solid): İkon alanının arka plandan daha koyu bir tonla ve eğik bir sınır çizgisiyle ayrıldığı, görsel derinliği yüksek iki tonlu modern tasarım.
* Layout 7 (Slanted Outline): Çizgisel metin çerçevesiyle birleşen, sol taraftaki eğik ve dolgulu ikon bölmesiyle kontrast oluşturan hibrit düzen.
* Layout 8 (Solid Left Square): Solda keskin köşeli dolgulu bir kare ikon alanı ve sağda metnin yer aldığı yumuşak geçişli şık blok tasarımı.
* Layout 9 (Glassmorphic Glow): Modern webin en popüler trendi: Arka planı hafifçe bulanıklaştıran cam efekti (backdrop-filter) ve etrafına yayılan neon ışıltılı yumuşak bir gölge.
* Layout 10 (Split Square Outline): Çizgisel çerçeve ile ikiye bölünmüş; sol kısmında ikon için ayrılmış dolgulu kare bir alan barındıran simetrik tasarım.
* Layout 11 (Circle Left Duotone): Canlı arka plan zemininde, sol tarafta kontrast oluşturan saf beyaz dairesel bir alan içine yerleştirilmiş renkli ikon tasarımı.
* Layout 12 (Gradient Accent): Soldaki ikon alanında seçtiğiniz kenarlık ve arka plan renkleri arasında göz alıcı bir degrade (gradient) geçişi sunan sanatsal düzen.
* Layout 13 (Icon Dark Circle): İkonun bağımsız, gölgeli ve dairesel bir rozet olarak metin bloğundan ayrıldığı, üç boyutlu (3D) derinlik hissi veren benzersiz tasarım.
* Layout 14 (Slanted Circle Icon): Sağa eğik kesimli iki renkli arka plan üzerinde, sol tarafta dairesel beyaz kontur içerisinde parıldayan ikon düzeni.
* Layout 15 (Modern Left Accent): Sol kenarında 4px kalınlığında dikey bir vurgu çizgisi barındıran, sade ama son derece profesyonel minimalist şerit tasarımı.
Teknik Ayrıntılar ve Performans
* Native MVC Altyapısı: Eklenti, XenForo standartlarına aykırı olan şablon içi geri çağırmalar (Template Callback) yerine tamamen yerel MVC sınıf uzantılarını (`ForumController`) kullanır.
* CSS Değişkenleri ile Performans: Tüm özelleştirilmiş stiller inline CSS veya ağır kod blokları yerine CSS Custom Properties (değişkenler) ve esnek LESS mixinleri kullanılarak oluşturulur.
* Otomatik Önbellek Yenileme (Style Cache Rebuild): Yaptığınız tüm stil değişiklikleri, XenForo'nun veri yazma (Entity post-save/delete) süreçleriyle entegre olarak otomatik olarak önbelleğe alınır ve veritabanını yormaz.
* Hafif ve Hızlı Veritabanı Sorguları: Konu sayıları ve filtreleme özellikleri tek bir optimize edilmiş sorgu ile çekilir, yüksek trafikli forumlarda dahi sıfır gecikme sunar.
Why [XTR] Thread Prefix Pro?
Traditional XenForo thread prefixes are often limited to static CSS classes and basic styling. Customizing prefixes usually requires complex CSS coding or template modifications, making it difficult for forum administrators to keep up with modern design standards.
[XTR] Thread Prefix Pro completely removes these barriers! With a powerful and visual style engine integrated directly into your Admin Control Panel (Admin CP), you can design stunning thread prefixes without writing a single line of code. The add-on features 16 unique, pre-designed premium layouts, an advanced FontAwesome Icon Picker, a real-time Live Preview panel, and a dynamic Thread Prefix Filter Bar that helps your members locate content in seconds.
Developed in strict accordance with XenForo's core coding standards, this add-on requires no external libraries, guarantees high performance, and integrates seamlessly with any custom style or dark mode.
Key Features and Modules
1. Visual Style Builder
No more digging through CSS files or style properties. The visual style editor added to the prefix edit screen allows you to customize:
* Text Color: Choose the perfect color for your prefix text.
* Background Color: Adjust the background color and transparency levels.
* Border Color: Set custom border colors for thin or thick outlines.
* XenForo Palette Support: Use your theme's native color palette for a unified design.
2. Advanced FontAwesome Icon Picker & Customization
Enhance prefix recognition with our integrated icon selector:
* Advanced Search Interface: Quickly search through hundreds of FontAwesome icons.
* Style/Variant Tabs: Filter icons instantly by Light, Regular, Solid, or Duotone tabs to match your style.
* Custom Icon Color (Color FA): Colorize your icons independently from the prefix text or leave it blank to automatically inherit the text color.
3. Real-Time Live Preview Panel
Never guess how a prefix will render on the frontend. The real-time simulation block updates instantly as you adjust colors, layouts, or icons, displaying exactly how the prefix will look right next to a simulated forum thread title.
4. Dynamic Thread Prefix Filter Bar
Improve forum navigation and usability. A sleek, responsive filter bar is automatically injected above the thread list (`forum_view`), offering:
* One-Click Filtering: Clicking a prefix instantly filters the thread list to show only threads using that prefix.
* Show All Chip Button: A dedicated chip to clear filters and quickly display all threads.
* Dynamic Thread Count: Display the exact number of active threads using each prefix in parentheses.
* Hide Unused Prefixes: Automatically hide prefixes with zero active threads in the forum to maintain a clean interface.
* Flexible Sorting Options: Sort filter prefixes alphabetically, by usage frequency (popularity), or by the default group order set in the Admin CP.
* Exclude Specific Forums: Easily choose which forums should bypass the filter bar using a multi-select box in the options menu.
16 Premium and Unique Layouts
Choose from 16 highly polished, responsive layouts that adapt perfectly to both light and dark mode:
* Layout 0 (Solid / Outline): The classic clean badge look. Supports solid fills or outline styling with seamless dark mode support.
* Layout 1 (Pill Outline): A sleek, fully rounded outline (pill) design that provides a clean, modern aesthetic.
* Layout 2 (Pill Solid): A solid elips/pill badge featuring a colored background with contrasting white text and icon.
* Layout 3 (Circle Left Outline): A sophisticated layout with a solid circular icon block on the left and outline text on the right.
* Layout 4 (Circle Left Solid): A soft, semi-transparent background combined with a solid circular icon container on the left.
* Layout 5 (Cyberpunk Cut): A futuristic, sharp design utilizing diagonal CSS clip-path polygon cuts.
* Layout 6 (Slanted Solid): A solid, two-tone badge where the icon area is darker and slanted on the right using a clip-path polygon.
* Layout 7 (Slanted Outline): An outline variation combining a solid slanted left icon section with an outline text boundary.
* Layout 8 (Solid Left Square): A two-part block badge featuring a solid square icon background on the left and a soft matching text block on the right.
* Layout 9 (Glassmorphic Glow): The modern web look: Semi-transparent backdrop blur (`backdrop-filter`) with an elegant neon-glow box shadow.
* Layout 10 (Split Square Outline): An outline badge split down the middle with a solid left block housing the icon.
* Layout 11 (Circle Left Duotone): A colored background badge featuring a contrasting pure white circular container and colored icon on the left.
* Layout 12 (Gradient Accent): A beautiful layout featuring a gradient fading between border and background colors in the left icon block.
* Layout 13 (Icon Dark Circle): A decoupled 3D-effect layout where the icon is placed in an elevated circular badge separate from the text block.
* Layout 14 (Slanted Circle Icon): A premium slanted badge layout housing a clean white circular icon outline on the left.
* Layout 15 (Modern Left Accent): A minimalist block design highlighted by a thick 4px solid left vertical line acting as an elegant accent.
Technical Under-the-Hood Performance
* Native MVC Extension: The add-on extends XenForo's native controller classes (`ForumController`) rather than relying on template callbacks or custom templater overrides.
* Performance-Oriented CSS Variables: All styling settings are mapped to lightweight CSS variables (`--xentr-*`), ensuring fast rendering without bloated inline CSS blocks.
* Automatic Cache Management: Prefix styles are automatically compiled and stored in XenForo's registry, meaning zero extra DB queries during page loads.
* Optimized DB Queries: Thread counts and filter prefixes are compiled using a single index-optimized query per forum, ensuring compatibility with massive boards.