Jump to content

Для добавления иконок заходим Внешний вид --> Стили и шаблоны --> CSS. Вставляем в CUSTOM.CSS следующий код:

Спойлер

/* USER & NAVIGATION ICONS */
#elUserNav .fa-bell:before { content: "\f0f3"; }
#elUserNav .fa-envelope:before { content: "\f0e0"; }
#elUserNav .fa-warning:before { content: "\f071"; }

#elUserLink_menu a[href*="/admin"] i{ display: none; }

#elUserLink_menu a:before,
#ipsLayout_mainNav a:before,
#elCreateNew_menu a:before{
    content: "\f02b";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    {prefix="transform" value="translate(0,0)"}
}

#elUserLink_menu a:before, #elCreateNew_menu a:before{ display: inline-block; width: 22px; opacity: 0.7; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before{ opacity: 1; }

/* Não tenho certeza se o melhor método é href */
#elUserLink_menu a[href*="/profile/"]:before{ content: "\f007" }
#elUserLink_menu a[href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}']:before{ content: "\f0e0" }
#elUserLink_menu a[href*="/content/"]:before{ content: "\f03a" }
#elUserLink_menu a[href*="/followed/"]:before{ content: "\f1d8" }
#elUserLink_menu a[href*="/attachments/"]:before{ content: "\f0c6" }
#elUserLink_menu a[href*="/settings/"]:before{ content: "\f013" }
#elUserLink_menu a[href*="/clients/"]:before{ content: "\f07a" }
#elUserLink_menu a[href*="edit"]:before{ content: "\f040" }
#elUserLink_menu a[href*="/ignore/"]:before{ content: "\f05e" }
#elUserLink_menu a[href*="/notifications/options/"]:before{ content: "\f0f3" }
#elUserLink_menu a[href*="/modcp/"]:before{ content: "\f046" }
#elUserLink_menu a[href*="/admin"]:before{ content: "\f023" }
#elUserLink_menu a[href*="/logout/"]:before{ content: "\f08b" }

2016-01-31_09-20-27.png.29fa705321d493972016-01-31_09-21-26.png.55bd306889dadb02

User Feedback

Recommended Comments

SlawkA

Актив

у меня и так с иконками идет B| и в CUSTOM.CSS у меня прописано кнопка вверх как здесь.

44.png

Sipsb

Актив

Это для стандартного стиля!

alexis

Актив

Инструкция выше - это для стиля по умолчанию (default который). У вас стиль иной, и там уже предусмотрено.

Maqlao

Актив

А для мобильной версии куда прописывать?)

aLEX49566

Актив
(edited)

Для моб меню кто смастерит?

Edited by aLEX49566

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Добавить комментарий...