berkmenoo 1
berkmenoo
farkmt2official 1
farkmt2official
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
Hikaye Ekle

Xenforo Visitor Menü İcon Ekleme

Merhaba Değerli arkadaşlarım bugun sizlere visitor menüye icon eklemeyi anlatıcam. Ekleyince Ne oluyor Amacı ne diye sorarsanız eğer göze daha hoş gelebilir bundan kaynaklı eklemek isteyen arkadaşlarımız olabilir ben kodları buraya bırakıcam. Nasıl yapacağınızı anlatıcam kısacası.

Öncelik olarak admin panelini giriş yapıyoruz.

Daha Sonra Dış görünüş - Stiller - Varsayılan Still kısmına girin

1779224442849.png


kullandığınız temanın Şablonlarına girin aşağıdaki görsellerdeki gibi görüceksiniz.

1779224531635.png


Filtrele kısmına extra.less yazın

1779224568417.png


extra.less içine girin ve size vermiş olduğum kodları extraa.less şablonun içerisine yapıştırın.

1779224624669.png


Kodu yapıştırmadan önceki hali yukarıdaki görseldeki gibidir.

şimdi verdiğim kodu extra.less içine yapıştırın ve kaydedin.

Kod:
/* Visitor Menü İcon Ekleme */
.menu-content.js-visitorMenuBody .menu-linkRow {
    padding: 6px 5px 6px 12px;
}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {
        padding-right: 5px;
    }
    &[href*="whats-new/news-feed"]:before {
        .m-faContent(@fa-var-rss);
    }
    &[href*="search/member"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="account/reactions"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="account/alerts"]:before {
        .m-faContent(@fa-var-bell);
    }
    &[href*="account/account-details"]:before {
        .m-faContent(@fa-var-user-cog);
    }
    &[href*="account/security"]:before {
        .m-faContent(@fa-var-shield-alt);
    }
    &[href*="account/privacy"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="account/preferences"]:before {
        .m-faContent(@fa-var-cogs);
    }
    &[href*="account/signature"]:before {
        .m-faContent(@fa-var-signature);
    }
    &[href*="account/upgrades"]:before {
        .m-faBase('Brands');
        .m-faContent(@fa-var-paypal);
    }
    &[href*="account/connected-accounts"]:before {
        .m-faContent(@fa-var-users-class);
    }
    &[href*="account/following"]:before {
        .m-faContent(@fa-var-user-plus);
    }
    &[href*="account/ignored"]:before {
        .m-faContent(@fa-var-user-minus);
    }
    &[href*="logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}
/*****/


1779224697300.png



Kodları yapıştırdıktan sonraki çıktımız yukarıdaki görseldeki gibi olacaktır.

Bu işlemi yapacak arkadaşlara şimdiden önerim var kesinlikle ve kesinlikle yedeklerini almayı unutmayınız. Yedeklerinizi kesinlikle ayrı bir yerde tutunuz. Bu sistemi yaparken kullandığım xenforo versiyonu 2.3.9'dur genellinde çalışacaktır büyük ihtimalle sorun yaşayan yada yapamayan arkadaşlarımız varsa benimle iletişime geçebilirler. Herkese İyi forumlar dilerim.​
 
Merhaba Değerli arkadaşlarım bugun sizlere visitor menüye icon eklemeyi anlatıcam. Ekleyince Ne oluyor Amacı ne diye sorarsanız eğer göze daha hoş gelebilir bundan kaynaklı eklemek isteyen arkadaşlarımız olabilir ben kodları buraya bırakıcam. Nasıl yapacağınızı anlatıcam kısacası.

Öncelik olarak admin panelini giriş yapıyoruz.

Daha Sonra Dış görünüş - Stiller - Varsayılan Still kısmına girin

Ekli dosyayı görüntüle 178416

kullandığınız temanın Şablonlarına girin aşağıdaki görsellerdeki gibi görüceksiniz.

Ekli dosyayı görüntüle 178417

Filtrele kısmına extra.less yazın

Ekli dosyayı görüntüle 178418

extra.less içine girin ve size vermiş olduğum kodları extraa.less şablonun içerisine yapıştırın.

Ekli dosyayı görüntüle 178419

Kodu yapıştırmadan önceki hali yukarıdaki görseldeki gibidir.

şimdi verdiğim kodu extra.less içine yapıştırın ve kaydedin.

Kod:
/* Visitor Menü İcon Ekleme */
.menu-content.js-visitorMenuBody .menu-linkRow {
    padding: 6px 5px 6px 12px;
}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {
        padding-right: 5px;
    }
    &[href*="whats-new/news-feed"]:before {
        .m-faContent(@fa-var-rss);
    }
    &[href*="search/member"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="account/reactions"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="account/alerts"]:before {
        .m-faContent(@fa-var-bell);
    }
    &[href*="account/account-details"]:before {
        .m-faContent(@fa-var-user-cog);
    }
    &[href*="account/security"]:before {
        .m-faContent(@fa-var-shield-alt);
    }
    &[href*="account/privacy"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="account/preferences"]:before {
        .m-faContent(@fa-var-cogs);
    }
    &[href*="account/signature"]:before {
        .m-faContent(@fa-var-signature);
    }
    &[href*="account/upgrades"]:before {
        .m-faBase('Brands');
        .m-faContent(@fa-var-paypal);
    }
    &[href*="account/connected-accounts"]:before {
        .m-faContent(@fa-var-users-class);
    }
    &[href*="account/following"]:before {
        .m-faContent(@fa-var-user-plus);
    }
    &[href*="account/ignored"]:before {
        .m-faContent(@fa-var-user-minus);
    }
    &[href*="logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}
/*****/


Ekli dosyayı görüntüle 178420


Kodları yapıştırdıktan sonraki çıktımız yukarıdaki görseldeki gibi olacaktır.

Bu işlemi yapacak arkadaşlara şimdiden önerim var kesinlikle ve kesinlikle yedeklerini almayı unutmayınız. Yedeklerinizi kesinlikle ayrı bir yerde tutunuz. Bu sistemi yaparken kullandığım xenforo versiyonu 2.3.9'dur genellinde çalışacaktır büyük ihtimalle sorun yaşayan yada yapamayan arkadaşlarımız varsa benimle iletişime geçebilirler. Herkese İyi forumlar dilerim.​
Eline sağlık, paylaşım için teşekkürler.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst