Добавление иконок Font Awesome в меню пользователя 2

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Добавление иконок Font Awesome в меню пользователя 2 - Добавляем иконки Font Awesome в меню пользователя

Добавим всё тоже, как здесь - Добавление иконок Font Awesome в меню пользователя, только средствами css.
Добавляем шаблон extra.less.

.menu--account {
    .menu-linkRow {

        padding: 6px 8px...

Узнать больше об этом ресурсе...

 

[nond]

Да это же бубль гум! Ща проверю на себе.
Этот вариант ГОРАЗДО ПРЕДПОЧТИТЕЛЬНЕЕ, и добавлять для новых пунктов, при необходимости, проще некуда.
Важное преимущество - шаблон не трогается вообще никак.

 

[Dead Master]

все работает

 

[nond]

все работает

Да, и учтены проблемы с размером дефолтного шрифта, когда длинные названия переносились на второу строку. Здесь заранее шрифт УМЕНЬШЕН до font-size: 12px;

 

[Mirovinger]

Mirovinger обновил(а) ресурс Добавление иконок Font Awesome в меню пользователя 2 новой записью:

XF2.1.x + FA5

• Совместимость с XenForo 2.1.x
• Рефакторинг

Узнать больше об этом обновлении...

 

[puchkov]

Из-за того, что /bookmarks одинаковый для "закладок" и "показать все", получается вот такой эффект:

 

[Mirovinger]

Из-за того, что у Вас закладок нет, Вы и заметили это, посмотрим это мелочи.

.menu--account {
    // XF 2.1.x
    .tabs-tab {
        &:before {
            .m-faBase();
            padding-right:3px;
            margin-left: -5px;
        }

        &[href$="/bookmarks"] {
            .m-faBefore("\f02e");
        }

        &[href$="account/"] {
            .m-faBefore("\f007");
        }
    }
    // \XF 2.1.x

    .menu-linkRow {
        padding: 6px 8px;

        &:before {
            .m-faBase();
            padding-right: 3px;
            font-size: 12px;
        }

        &[href*="/whats-new/news-feed"] {
            .m-faBefore("\f143");
        }

        &[href*="/search/member?user_id"] {
            .m-faBefore("\f075");
        }

        &[href$="/account/likes"] { // XF2.0.x
            .m-faBefore("\f164");
        }

        &[href$="/account/reactions"] { // XF2.1.x
            .m-faBefore("\f164");
        }

        &[href$="/account/account-details"] {
            .m-faBefore("\f007");
        }

        &[href$="/account/security"] {
            .m-faBefore("\f084");
        }

        &[href$="/account/privacy"] {
            .m-faBefore("\f023");
        }

        &[href$="/account/preferences"] {
            .m-faBefore("\f085");
        }

        &[href$="/account/signature"] {
            .m-faBefore("\f040");
        }

        &[href$="/account/upgrades"] {
            .m-faBefore("\f07a");
        }

        &[href*="/account/connected-accounts/"] {
            .m-faBefore("\f0c0");
        }

        &[href$="/account/following"] {
            .m-faBefore("\f234");
        }

        &[href$="/account/ignored"] {
            .m-faBefore("\f235");
        }

        &[href^="/logout/"] {
            .m-faBefore("\f084");
        }
    }
}

 

[Casino]

Спасибо за кейс. Вышло неплохо.

Немного переделал под себя используя коды иконок:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Dead Master]

Странно(
на последней версии 2.8 по дефолту не кажет

 

[Mirovinger]

Точно, вроде ничего не должно было измениться, но проверим.

 

[Dead Master]

Точно

не работает
дважды ставил

 

[Mirovinger]

Однако работает, проверено.

 

[Dead Master]

у турков нашел такой код
и он сработал на 2.2.8

/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody .menu-linkRow {
    padding: 6px 5px 6px 12px;
}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {
        .m-faBase();
    }
    &[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);
    }
}
/*****/