Neler yeni
Kaynak ikonu

Video XenForo 2 Kategori İconları Nasıl Değiştirilir?

netr0n

XenGenTr
Yönetici
xF Admin
Web sitesi
netron.web.tr
#1
netr0n Kullanıcımız yeni bir kaynak oluşturdu:

XenForo 2 Kategori İconları Nasıl Değiştirilir? - XenForo 2'de kategori iconlarını fontawesome iconlarını png formatına çevirerek değiştiriyoruz.

XenForo 2'de kategori iconları için font awesome iconlarını png formatına çevirerek değiştiriyoruz.


Şablonlarda aşağıdaki şablonu açıyoruz.

Kod:
node_list_forum
Aşağıdaki kodu buluyoruz.

Kod:
<span class="node-icon" aria-hidden="true"><i></i></span>
Aşağıdaki ile değiştiriyoruz

Kod:
<span class="node-icon"><img src="styles/icon/{$node.node_id}.png" alt="{$node.title}" align="center" valign="middle" width="36" height="36"></span>
Bu kaynak hakkında daha fazla bilgi ...
 

IExlusive

xFanatik
xF 2 kullanıcı
Web sitesi
forum.arcenia.com
#2
Hocam dedikleriniz yaptım oldu fakat bir sorunum var alt kategorilere icon ekliyemiyorum. yazıyorum .png dosyası gözükmüyor yardımcı olur musunuz ? Nasıl çözüceğim hakkında.
 

netr0n

XenGenTr
Yönetici
xF Admin
Web sitesi
netron.web.tr
#3
@IExlusive Mantık aynı ama burada bazı css kodlarını da kaldırmanız gerekecek.

node_list_forum şabonunu açın ve aşağıdaki kodları bulun

Kod:
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}">{$node.title}</a>
Aşağıdaki kodlar ile değiştirin.

Kod:
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}"><img src="styles/icon/{$node.node_id}.png" alt="{$node.title}" align="center" valign="middle" width="22" height="22">{$node.title}</a>
node_list.less şablonunu açın aşağıdaki kod blogunu bulun

Kod:
&.subNodeLink--forum:before,
    &.subNodeLink--category:before
    {
        .m-faContent(@fa-var-comments, 1em);
    }

    &.subNodeLink--page:before
    {
        .m-faContent(@fa-var-file-text, .86em);
    }

    &.subNodeLink--link:before
    {
        .m-faContent(@fa-var-link, .93em);
    }

Aşağıdaki ile değiştirin

Kod:
    &.subNodeLink--forum:before,
    &.subNodeLink--category:before
    {
        /*.m-faContent(@fa-var-comments, 1em);*/
    }

    &.subNodeLink--page:before
    {
        /*.m-faContent(@fa-var-file-text, .86em);*/
    }

    &.subNodeLink--link:before
    {
        /*.m-faContent(@fa-var-link, .93em);*/
    }
Örnek;

icons.JPG
 

IExlusive

xFanatik
xF 2 kullanıcı
Web sitesi
forum.arcenia.com
#6
Hocam dediğiniz yaptım fakat yine aynısı değişen bişey olmadı ? Yardımcı olabilir misiniz ? Sornumu çözme konusunda. Sizide rahatsız ettim kusra bakmayın.

 

eTiKeT™

value="{XenGenTr}"
Yönetici
xF Master
Web sitesi
vbulletin.web.tr
#7
@IExlusive gördüğüm kadarı ile ikonlar eklenmiş fakat ikon yolu yanlış yada ikon o dizinde yok.
İkon alanına tıklayın ve FTP hangi dizinde olması gerektiğini görün ona göre FTP aynı dizine ikonu yükleyin.
 

netr0n

XenGenTr
Yönetici
xF Admin
Web sitesi
netron.web.tr
#9
Aşağıdaki kodu dener misiniz?

Kod:
<a href="{{ link('forums', $node) }}" class="subNodeLink subNodeLink--forum {{ $extras.hasNew ? 'subNodeLink--unread' : '' }}"><img src="/styles/icon/{$node.node_id}.png" alt="{$node.title}" align="center" valign="middle" width="22" height="22">{$node.title}</a>