Herkese Merhaba,
Bildiğiniz üzere XenForo yeni bir yapı ile karşımıza çıkmıştır. Henüz kararlı sürüm yayınlanmamış olsa da bu yeni yapının default teması bire bir sayılabilecek özelliklerde geliştirilmiştir.
Yaklaşık olarak 3 haftadan uzun bir süredir XenForo 2.0 teması üzerinde çalışıyorum. Bu piyasada olan standart XF2 temalarından değildir. Her alanı sıfırdan kodlanan bir temadır. Aşağıda ayrıntılara göz atabilirsiniz.
Mümkün olduğunca orijinal yapıya bağlı kalınarak hazırlanmıştır. Bundan kastım XenForo 1.5.x yapısında bulunan kod haricinde başka kodlar eklenmeden üretilmeye özen gösterilmiştir. Buda doğal olarak gelecekte temada oluşabilecek diğer hataların önüne geçilmesinde büyük rol oynamaktadır.
XenForo 2.0 Pro: Style Properties
├ XFSkins ┤ Page setup
1) Extra CSS Template
Burada Exrta.css şablonuna ihtiyaç duymadan mevcut XFSkins şablonu üzerinde istediğiniz şekilde css kodlarınızı yerleştirebilirsiniz. Dilerseniz Kenid css şablonunuzu oluşturarak O şablon üzerinde kodlarınızı yerleştirebilirsiniz. Dikkat etmeniz gereken şey sadece şablon adını ilgili alana aralarına virgül koyarak ekleyebilirsiniz. CSS şablonu için sonuna .css ekini getirmeyiniz.
2) Maximum page width
Bu alanda web sitenizin genişliğini rahat bir şekilde ayarlayabilirsiniz. Burada px veya % cinsinden değer verebilirsiniz.
Örnek:
Pixel Cinsinden 1170px
Yüzde Cinsinden: 87%
3) Form Element Height
Burada forumlarda kullanılan inputs, selects gibi öğelerin yüksekliğini ayarlayabilirsiniz.
4) Remove TitleBar from Forum Index
Forum ana sayfasında bulunan başlık alanını kaldırmanızı sağlayan bir seçenek bulunmaktadır.
├ XFSkins ┤Typography
1) Google Fonts
Web sitesinde kullanılacak olan google fontlarınızı buraya ekleyerek sitenizin yazı tipini değiştirebilirsiniz.
2) User Interface Font
Web sitenizin Ana gövde yazı tipi biçimini ayarlamanızı sağlar.
3) Body Text Font
Bu yazı tipi, mesaj metni vb. Için kullanılır.
4) Code Font
Seyrek kullanılan yada özel olarak belirtilmesi gereken alanlar için kullanılır.
5) Font Size
Normal font size, Small font size, Smaller font size, Smallest font size, Large font size, Larger font size, Largest font size web site genelinde kullanılan yazı fontu büyüklüklerini ifade ederler.
6) Yazı tipi Ağırlığı
Normal font weight, Light font weight, Heavy font weight yazı tipinin kalınlık değerleridir.
7) Line height
Yazıların Satır yüksekliği ayarını kontrol eder.
8) Font Awesome Path
Burada Font Awesome simgelerini için kendi sunucunuz üzerinde gösterebilirsiniz. Dilerseniz direkt olarak Use Font Awesome via CDN seçeneğini etkinleştirerek kendi sitesi üzerinden kullanmanıza olanak verebilirsiniz.
├ XFSkins ┤ Borders and spacing
Burada bulunan değerler temada kullanılan padding, border, border-radius ve Element Spacer özelliklerini kontrol eder.
├ XFSkins ┤Search
Bu stil özelliğinde ise Arama alanı ile ilgili genel ayarlar mevcuttur. Arama alanının mobil görünümünde nasıl şekil alacağı vs ayarları içermektedir.
├ XFSkins ┤Header
Header stil özelliğinde ise mobil görünümde sitenin logosunun konumunu belirler.
├ XFSkins ┤Text Logo
Text Logo Stil özelliği web sitenizde resim yerine yazı kullanmanıza olanak verecektir. Ayrıca burada bir de slogan belirtebilirsiniz.
├ XFSkins ┤Navigation
Navigation Stil özelliği XenForo 2.0 yapısana uygun olarak seçenekler haline getirilmiştir. Dilerseniz forumTabLinks ile birikte kullanabilir dilerseniz sadece navigation alanını kullanabilirsiniz. Dİlerseniz de hiçbiri seçeneği ile yapışkan navigation alanını devre dışı bırakabilirsiniz.
Bunun dışında Home Linki için bir font-awesome sismgesi ile değişimini kolayca yapabilirsiniz. Ayrıca Navigation alanı linkleri için font-awesome simgelerini etkinleştirebilirsiniz.