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!
Kaynak ikonu

XF 2.0 Navbar ve Açılır Menü Alanına Icon Ekleme

Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Merhaba arkadaşlar, aslında bir müşterim için yapmış olduğum bir düzenlemeydi sizinle de paylaşmak istedim. Her ne kadar konuyu xenforo 2 şablon değişikliklerine açmış olsam da kesinlikle hiç bir şablon değişikliği içermez. Gelişmiş Css seçicileri kullanarak icon ekleme işlemini yaptık. Aşağıdaki kodları extra.less şablonuna eklemeniz yeterli.

CSS:
.p-navEl [data-nav-id="home"]:before {
    font-family: FontAwesome;
    content: "\f015";
    padding-right: 3px;
}

.p-navEl [data-nav-id="forums"]:before {
    font-family: FontAwesome;
    content: "\f27a";
    padding-right: 3px;
}

.p-navEl [data-nav-id="whatsNew"]:before {
    font-family: FontAwesome;
    content: "\f29c";
    padding-right: 3px;
}

.p-navEl [data-nav-id="members"]:before {
    font-family: FontAwesome;
    content: "\f0c0";
    padding-right: 3px;
}

.p-navEl [data-nav-id="newPosts"]:before {
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 3px;
}

.p-navEl [data-nav-id="newPosts"]:before {
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 3px;
}

.p-navEl [data-nav-id="watched"]:before {
    font-family: FontAwesome;
    content: "\f06e";
    padding-right: 3px;
}

.p-navEl [data-nav-id="findThreads"]:before {
    font-family: FontAwesome;
    content: "\f002";
    padding-right: 3px;
}

.p-navEl [data-nav-id="searchForums"]:before {
    font-family: FontAwesome;
    content: "\f00e";
    padding-right: 3px;
}

.p-navEl [data-nav-id="markForumsRead"]:before {
    font-family: FontAwesome;
    content: "\f00c";
    padding-right: 3px;
}

.menu-content [data-nav-id="whatsNewPosts"]:before{
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 3px;
}

.menu-content [data-nav-id="whatsNewProfilePosts"]:before{
    font-family: FontAwesome;
    content: "\f2c0";
    padding-right: 3px;
}

.menu-content [data-nav-id="whatsNewNewsFeed"]:before{
    font-family: FontAwesome;
    content: "\f27b";
    padding-right: 3px;
}

.menu-content [data-nav-id="latestActivity"]:before{
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 3px;
}

.menu-content [data-nav-id="currentVisitors"]:before{
    font-family: FontAwesome;
    content: "\f0c0";
    padding-right: 3px;
}

.menu-content [data-nav-id="newProfilePosts"]:before{
    font-family: FontAwesome;
    content: "\f27b";
    padding-right: 3px;
}

.menu-content [data-nav-id="searchProfilePosts"]:before{
    font-family: FontAwesome;
    content: "\f00e";
    padding-right: 3px;
}

.menu-content [data-nav-id="yourThreads"]:before{
    font-family: FontAwesome;
    content: "\f114";
    padding-right: 3px;
}

.menu-content [data-nav-id="contributedThreads"]:before{
    font-family: FontAwesome;
    content: "\f0e6";
    padding-right: 3px;
}

.menu-content [data-nav-id="unansweredThreads"]:before{
    font-family: FontAwesome;
    content: "\f086";
    padding-right: 3px;
}

.menu-content [data-nav-id="watchedThreads"]:before{
    font-family: FontAwesome;
    content: "\f2ce";
    padding-right: 3px;
}

.menu-content [data-nav-id="watchedForums"]:before{
    font-family: FontAwesome;
    content: "\f277";
    padding-right: 3px;
}

.menu-content a[href="{{ link('whats-new/news-feed') }}"]:before{
    font-family: FontAwesome;
    content: "\f09e";
    padding-right: 3px;
}

.menu-content li > a[href*="{{ link('search/member') }}"]:before{
    font-family: FontAwesome;
    content: "\f27b";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/likes') }}"]:before{
    font-family: FontAwesome;
    content: "\f087";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/account-details') }}"]:before{
    font-family: FontAwesome;
    content: "\f2c0";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/preferences') }}"]:before{
    font-family: FontAwesome;
    content: "\f085";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/security') }}"]:before{
    font-family: FontAwesome;
    content: "\f023";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/signature') }}"]:before{
    font-family: FontAwesome;
    content: "\f040";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/privacy') }}"]:before{
    font-family: FontAwesome;
    content: "\f070";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/following') }}"]:before{
    font-family: FontAwesome;
    content: "\f234";
    padding-right: 3px;
}

.menu-content li > a[href="{{ link('account/ignored') }}"]:before{
    font-family: FontAwesome;
    content: "\f235";
    padding-right: 3px;
}

.menu-content > a[href*="{{ link('logout') }}"]:before{
    font-family: FontAwesome;
    content: "\f011";
    padding-right: 3px;
}

Ekran Görüntüleri

XenForo_Menu_Icon_1.JPG
XenForo_Menu_Icon_2.JPG
XenForo_Menu_Icon_3.JPG
XenForo_Menu_Icon_4.JPG
XenForo_Menu_Icon_5.JPG
Yazar
netr0n
Görüntüleme
2,976
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız 2 değerlendirme

netr0n ait diğer kaynakar

Son incelemeler

Müthiş! hype

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.