Merhabalar arkadaşlar. Bu konu üzerinden XenForo üzerinde yapacağımız ufak değişikliklere yer veriyoruz.

Bu konuda aşağıdaki düzenlemeler yer almaktadır:

• Belirli bölümlerin başlıklarının fontunu değiştirme
• Belirli bölümlerin başlıklarını renklendirme
• Postbit alanındaki kullanıcı adını ve başlığı ortalama,
• Gizli üyelerin adına * ekleme,
• Belirli bölümlerde breadcrumb'ı gizleme,
• Hata bildirimini kapatma,
• E-posta gönderimini kapatma,
• Forum ikonlarının görünen boyutlarını değiştirme,
• Forum anasayfasındaki başlığı gizleme,
• ve Kenar çubuğunu sola taşıma.

Belirli bölümlerin başlıklarının fontlarını değiştirme
extra.css'ye ekliyoruz:

.node_X .nodeTitle
{
	font-family: tahoma;
}

X'in yerine hangi bölümün fontunu değiştirmek istiyorsanız onun ID'sini girin. tahoma yerine de istediğiniz herhangi bir fontu yazabilirsiniz.

(Google Fonts'tan bir font kullanacaksanız </head> öncesine ilgili kodunu eklemeyi unutmayın.)

Belirli bölümlerin başlıklarını renklendirme

Aşağıdaki kodu; X yerine bölüm IDsi, fff yerine de renk kodunu ekleyerek extra.css şablonuna ekleyin.

.nodeList .node_X .nodeTitle a,
.nodeList .node_X .nodeTitle a:visited
{
	color: #fff;
}

X yerine istediğiniz bölümün IDsini girin.

ffffff yazan yere de renginizin kodunu.

Postbit alanındaki kullanıcı adını ve başlığı ortalama

Appearance > Styles > [Temanız] > Style Properties > Message Elements
(Görünüm > Stiller (ya da Temalar) > [Temanız] > Stil Özellikleri > Mesaj Elementleri)

kısmına giriyoruz. İlk olarak "Author User Name" sekmesine giriyoruz ve Miscellaneous kısmına şunu ekliyoruz:

text-align: center;

Bu kodu ekleyerek kullanıcı adımızı ortalamış olduk. Ancak bir de "Yönetici, Moderatör vb. üye başlıklarını ortalamak için...

"Author User Title" sekmesine geçiyoruz ve yine aynı şekilde Miscellaneous kısmına...

text-align: center;

kodunu ekliyoruz.

Hepsi bu kadar.

Gizli üyelerin adına * ekleme

extra.css'ye ekleyin:

.invisible:before {
content: "*";
}

.invisible:after {
content: "*";
}

* yerine başka bir karakter de ekleyebilirsiniz.

Belirli bölümlerde breadcrumb'ı gizleme

extra.css'ye ekleyin:

.nodeX .breadBoxTop,
.nodeX .breadBoxBottom {
display: none;
}

X yerine bölümün IDsini girmelisiniz.

Hata bildirimini kapatma

config.php'ye ekleyin:

error_reporting(0);

E-posta gönderimini kapatma

config.php'ye ekleyin:

$config['enableMail'] = false;

Forum ikonlarının görünen boyutlarını değiştirme

Yine tema ayarlarından Style Properties (Stil Özellikleri) kısmını açıyor ve oradan Node Icons kısmına geçiyoruz.

Açılan sayfadaki Miscellaneous kısmındaki değerleri gözükmesini istediğiniz boyuta göre değiştirip, değişiklikleri kaydetmeniz yeterli.

Forum anasayfasındaki başlığı gizleme

Forum ana sayfasındaki sitenizin başlığı bazıları için gereksiz olabilir. Bunu kaldırmak için aşağıdaki kodu extra.css şablonuna dahil edin:

.forum_list .titleBar {
display: none;
}

Kenar çubuğunu sola taşıma

Tema şablonlarından (template) sidebar.css şablonunu açıyoruz.

Şablonun en üstünde şuna benzer kodlar yer alacaktır:

/* sidebar structural elements */

.mainContainer
{
float: left;
margin-right: -{xen:calc '@sidebar.width + 10'}px;
width: 100%;
}

.mainContent
{
margin-right: {xen:calc '@sidebar.width + 10'}px;
}

.sidebar
{
float: right;
@property "sidebar";
font-size: 11px;
width: 250px;
@property "/sidebar";
}

Kodda yer alan tüm left'i right, tüm right'ı da left yaparsanız kenar çubuğunuz sola taşınacaktır. Bazı temalarda özel kodlamadan dolayı sorun yaşabilirsiniz. Varsayılan temada sorunsuzca taşınacaktır.

Konu içeriği zamanla zenginleştirilecektir.