Xenforo’da Her Kategori İçin Farklı Font Awesome İkonu ve Renk Kullanmak

xenforoda-her-kategori-icin-farkli-font-awasome-ikonu-renk-kullanmak

Time Needed : 10 minutes

Xenforo'da her kategori, forum ve alt forum için farklı Font Awasome ikonları ve farklı renkler kullanmak isterseniz yazımızdaki yöntemi uygulayabilirsiniz.

  1. Temanızın node_list_forum şablonunda aşağıdaki kodu bulun bulun:

    <a href=”{{ link('forums', $node) }}” class=”subNodeLink subNodeLink–forum {{ $extras.hasNew ? 'subNodeLink–unread' : '' }}”>{$node.title}</a>xenforoda her kategori icin farkli font awesome ikonu ve renk kullanmak-1

  2. Ve aşağıdaki ile değiştirin:

    <a href=”{{ link('forums', $node) }}” class=”fa-{$node.node_id} subNodeLink subNodeLink–forum {{ $extras.hasNew ? 'subNodeLink–unread' : '' }}”>{$node.title}</a> xenforoda her kategori icin farkli font awesome ikonu ve renk kullanmak-1-2

  3. Ardından yine node_list_forum  şablonunda aşağıdaki kodu bulun:

    <span class=”node-icon” aria-hidden=”true”><i></i></span> xenforoda her kategori icin farkli font awesome ikonu ve renk kullanmak-2

  4. Ve aşağıdaki ile değiştirin:

    <span class=”node-icon” aria-hidden=”true”><i class=”fa-{$node.node_id}”></i></span> xenforoda her kategori icin farkli font awesome ikonu ve renk kullanmak-2-2

  5. Temanızın extra.less şablonuna her kategori/forum/alt forum için tek tek aşağıdaki şekilde kodları ekleyin:

    .fa-12::before {
    content: “\f024” !important;
    color: #E30A17 !important;
    } xenforoda her kategori icin farkli font awesome ikonu ve renk kullanmak-3

Tools
  • HTML
  • CSS
Materials
  • Xenforo 2
  • Font Awasome

12 – forum id numarasıdır.
f024 – Font Awasome ikon kodudur. Font Awasome ikonları için tıklayın.
#E30A17 – renk kodudur. Her kategori için farklı renkler kullanabilirsiniz. Default renkleri kullanmak isterseniz koddaki   satırını silin.

  • 5/5
1 ratingX
Çok KötüVasatOrtaİyiMüthiş
0%0%0%0%100%
  • Site İçi Yorumlar