XenForo Kategori başlıklarına icon ekleyin

Yönetici

HAN

WFN Moderatör

1/3

1 Eyl 2025

#1

XenForo Kategori başlıklarına icon ekleyin

Uyumlu XF Sürümleri

2.2.X
2.3.X

Forumunuzda kategori başlıklarının yanına icon ekleyerek özelleştirin.
Tüm kategorilerin başına sabit icon eklemek için aşağıdaki adımları uygulayın:

Kullandığınız temanın node_list_category şablonunu açın ve aşağıdaki kodu bulun:

HTML:

<h2 class="block-header">

Hemen altına aşağıdaki kodu ekleyin:

HTML:

<div class="category-icon">
                    <xf:fa icon="fad fa-layer-plus"/>
                </div>

Aşağıdaki kodu kullandığınız temanın extra.less şablonuna ekleyin:

Less:

.block--category
{
 
    .block-header
    {
        position: relative;
        display: flex;
        align-items: center;
 
        .category-icon
        {
            display: flex;
            align-items: center;
            display: inline-block;
            margin-right: 6px;
      
            i
            {
                font-size: @xf-fontSizeLarger;
            }
        }
  
        .block-desc
        {
            margin-left: 30px;
        }
    }
}

Her kategori için ayrı bir icon oluşturmak istiyorsanız sadece aşağıdaki kodu kullandığınız temanın extra.less şablonuna ekleyin. ID yazan yeri kategori numaranızla değiştirmenizi unutmayın.

Less:

.block--categoryID {
    .block-header {
        &:before {
            .m-faBase();
            .m-faContent(@fa-var-thumbs-up);
            font-size: 18px;
            padding-right: 4px;}
    }
}

GÖRÜNÜM