Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

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

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.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Ş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 ...
 

Ekli dosyalar

  • Screenshot_2020-09-13 XenForo 2 Kategori İconları Nasıl Değiştirilir .png
    Screenshot_2020-09-13 XenForo 2 Kategori İconları Nasıl Değiştirilir .png
    212.6 KB · Görüntüleme: 616
Moderatör tarafında düzenlendi:
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.
 
IExlusive 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
 
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.

DyLOpO.png
 
IExlusive 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.
 
eTiKeT™ 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.

V3ZBlP.png
 
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>
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.