Добавляем Font Awesome к элементам управления и не только

[Mirovinger]

Пользователь Mirovinger разместил новый ресурс:

Добавляем Font Awesome к элементам управления и не только - Добавляем Font Awesome к элементам управления на форуме и не только

Для добавления Font Awesome к заголовкам в сайдбаре, субнавигации и элементам управления на форуме.
Первым делом, подключим шрифт - Font Awesome - Локальная установка и подключение, если не подключён.
Затем добавляем в шаблон EXTRA.css.

/*...

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

 

[Mirovinger]

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

Инструменты модератора

Добавлены иконки, в меню: "Инструменты модератора", в профиле пользователя.
Посмотреть вложение 72374

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

 

[Chigra]

Подскажите пожалуйста вот такую штуку: сделал по инструкции, font-awesome подключил через фтп, то есть залив папку в корень и указав путь в шаблоне PAGE_CONTAINER, однако не могу понять, получилось оно у меня или нет. Как проверить, правильно ли я подключил font-awesome? Ни каких новых иконок ни где не появилось, вот я и думаю, можно ли как-то проверить...

 

[Mirovinger]

Подключение шрифта, это не значит, что иконки появятся, нужно код добавить в EXTRA.css.

 

[GeorG]

Как проверить, правильно ли я подключил font-awesome?

В консоле фаербага можно посмотреть ошибки загрузки.

 

[Chigra]

нужно код добавить в EXTRA.css.

Я добавил в EXTRA.css, я полностью всё сделал, как в инструкции.
Подозреваю, что всему виной Widget Framework.

 

[Mirovinger]

Возможно, но не всему, а сайдбар, это нужно будет посмотреть у Вас.

 

[Chigra]

сайдбар, это нужно будет посмотреть у Вас.

В нём (сайдбаре) и нет иконок, а вот во всплывающих менюшках обнаружены, что даёт основание полагать, что шрифт встал корректно :-)

 

[PlayStation]

Всё отлично встало. THX

P.S есть возможность добавить иконки сюда, показано на скринах. Если есть то как это сделать?

 

[Mirovinger]

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

Опции темы и т.д.

Добавлены иконки, в меню: "Опции темы", TaigaChat, а так же в сайдбаре для статистики.
Посмотреть вложение 72408 Посмотреть вложение 72409 Посмотреть вложение 72410

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

 

[Mirovinger]

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

Боковая панель пользователя

Добавлены иконки, в боковую панель пользователя.
Однако, нужно понимать, что там нет уникальных классов или ссылок, что бы железно закрепить иконки.
По этому, был применён псевдокласс :nth-child, отсюда могут быть смещения, если появится дополнительная строка, однако это легко будет подправить самостоятельно, добавив ещё css код.
Посмотреть вложение 72411

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

 

[PlayStation]

Можно ещё иконки для Brivium Credits Premium добавить, вот сюда, дам две строки вообще, кредиты и поинты.

 

[Mirovinger]

Можно, но установленного дополнения нету, а устанавливать ради иконки, но если есть возможность, и тестовый аккаунт, то добавим.
Хотя, если там всё по стандарту, то можно просто добавить.

.sidebar .visitorText .stats dl:nth-child(4) dt:before {
  content: "\f091";
  font-family: FontAwesome;
  margin: 0 1px;
}

Ну и не забудьте юникод - f091, заменить на нужный Вам.

 

[PlayStation]

Mirovinger, Не работает. увы.

 

[Mirovinger]

Тогда нужно видеть, тестовый акк, если не трудно.

Попробуйте так, хотя я не знаю, что у Вас за кредиты, но то что ниже, это для тех, что от Аудентио.

.sidebar .visitorText .pairsJustified dt:before {
  content: "\f091";
  font-family: FontAwesome;
  margin: 0 1px;
}

Ну и не забудьте юникод - f091, заменить на нужный Вам.

 

[PlayStation]

Mirovinger, Теперь всё на высоте THX :1f3722:

P.S вообще отличная тема, очень полезная.

Как добавить в это место иконки? =)

 

[Mirovinger]

Как добавить в это место иконки? :-)

У меня дежавю?

P.S есть возможность добавить иконки сюда, показано на скринах. Если есть то как это сделать?

В предпоследнем обновлении, есть и это, я просто не раскомментировал код. :-)

 

[PlayStation]

Mirovinger, Как добавить сюда иконки?

 

[Captain]

EXTRA.css / TMS

 

[PlayStation]

Captain, Это понятно, эта тема для того и создана автором чтобы он добавлял.