Kaynak ikonu

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

netr0n

XenGenTr
Yönetici
xF Admin
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ı
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
@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ı
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
@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.
 

IExlusive

xFanatik
xF 2 kullanıcı
@eTiKeT™ Wamp üzerine kurulu herşeyi hazır olunca hostinge taşıycam 3.png ve 4.png bu Alt kategoriye yerleştirdim. Ana Kategorideki iconlarda sıkıntı yok tek sıkıntı alt kategorideki iconlarda.

 

netr0n

XenGenTr
Yönetici
xF Admin
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>