Edit here: Style Properties -> Header and navigation

şablon değişikleri Gezinme Çubuğuna ve Açılır Menü Alanına Simgeler Ekleme

şablon değişikleri
Staff
Katılım14 May 2022
Mesajlar1,405
Çözümler50
T. puanı1,777
Konum Almanya
CF-Coin 8,573
bayram#3463
905529374247
Merhaba arkadaşlar aslında bir müşterim için yaptığım bir düzenleme ise sizinle paylaşmak istedim. Konuyu xenforo 2 şablon değişikliklerine açmış olmama rağmen herhangi bir şablon değişikliği içermiyor. Gelişmiş Css seçicileri kullanarak simgeyi ekledik. Aşağıdaki kodları extra.less şablonuna eklemeniz yeterlidir.
Less:
.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;
}
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Üst
AdBlock Algılandı

Anlıyoruz, reklamlar can sıkıcı!

Tabii ki, reklam engelleme yazılımı, reklamları engellemede harika bir iş çıkarır, ancak aynı zamanda web sitemizin faydalı özelliklerini de engeller. En iyi site deneyimi için lütfen AdBlocker'ınızı devre dışı bırakın.

AdBlock'u Devre Dışı Bıraktım