Jump to content
View in the app

A better way to browse. Learn more.
IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Индивидуальные иконки Font Awesome для разделов в IP.Board 3

KitsuneSolar
in Статьи и инструкции IP.Board

Featured Replies

Posted

Это тема поддержки статьи: Индивидуальные иконки Font Awesome для разделов в IP.Board 3.

Здесь вы можете обсудить все вопросы, связанные с этой статьёй.

Дата добавления статьи: 02 Март 2015 - 10:06

Дата обновления статьи: 02 Март 2015 - 10:06

  • Цитата

    Благодарочка. Только недавно с этим шрифтом сталкивался на wordpress стиле Hueman и думал как бы использовать для ipb

     

    Думаю в статье стоит указать прямую ссылку на иконки, а то заблудятся)

     

    post-10061-0-41645000-1425563313_thumb.j

  • Цитата

    подскажите, если использовать этот вариант размещения индивидуальных иконок, функции все остаються? такие как Отметить форум как прочтённый, иконки становяться светлее если в форуме нет непрочитанных тем? Спасибо!

  • Цитата

    подскажите, если использовать этот вариант размещения индивидуальных иконок, функции все остаються? такие как Отметить форум как прочтённый, иконки становяться светлее если в форуме нет непрочитанных тем? Спасибо!

    Иконки становятся светлее - да. Пример - этот форум (да и в статье на скриншоте видно):

    post-24610-0-88939700-1426107485.jpg

    Тем более, если "непрочтенный" форум имеет свой класс .unread, то с помощью css можно реализовать любой эффект. В принципе, так и сделано.

     

    Функции ("отметить форум прочтенным") увы не сохраняются. Для этого иконка должна быть внутри кликабельной ссылки - тут уже надо менять сам способ реализации (вставки иконок) или на css придумать "костыль" с натягиванием этой ссылки поверх иконки...  :shake:

  • Цитата

    Иконки становятся светлее - да. Пример - этот форум (да и в статье на скриншоте видно):

    attachicon.gif0.jpg

    Тем более, если "непрочтенный" форум имеет свой класс .unread, то с помощью css можно реализовать любой эффект. В принципе, так и сделано.

     

    Функции ("отметить форум прочтенным") увы не сохраняются. Для этого иконка должна быть внутри кликабельной ссылки - тут уже надо менять сам способ реализации (вставки иконок) или на css придумать "костыль" с натягиванием этой ссылки поверх иконки...  :shake:

    Видимо проще будет пофиксить проблемы в компоненте forum icons )

  • Цитата
    • Author

    Видимо проще будет пофиксить проблемы в компоненте forum icons )

    Проще будет отредактировать шаблон форума за 2 минуты. Потом статью напишу.

    иконки становяться светлее если в форуме нет непрочитанных тем?

    В статье я не просто так привёл скриншот.

  • Цитата

    Почему-то на ретине экране не отображается правильно :( Отображаются пустые квадратики, как будто шрифт не найден… Хотя на этом форуме, если все сделано по такой же инструкции, все работает.

     

    Не знаете в чем может быть проблема?

  • Цитата
    • Author

    Требуемый хук установлен и ВКЛЮЧЁН?


    Также открой исходную страницу и посмотри в блоке <head>...</head> такой код:

    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />

    При установленном и включённом хуке он должен находится там.

  • Цитата

    Требуемый хук установлен и ВКЛЮЧЁН?

    вот блин… все никак не привыкну, что в IPB надо отдельно включать все хуки :) Спасибо, теперь включил - все заработало

  • Цитата
    • Author

    вот блин… все никак не привыкну, что в IPB надо отдельно включать все хуки

    Большинство разработчиков делают настройку для своих хуков: включение / отключение.

    В том числе и я. Это сделано для "удобства" управления хуками.

    Хотя делать такую настройку не обязательно. :)

  • Цитата
    • 4 недели спустя...

    Установил, включил хук, отредактировал boardIndexTemplate и ipb_styles.css. 

    Ввёл id форума и код иконки:

    .col_c_icon.forumIcon_7:before {
content: 'f233';
}

    Обновил кеш стиля и браузера.

    В итоге иконки всех форумов имеют вид

    post-20340-0-31147700-1428570789.jpg
     
    Что я делаю не так?
  • Цитата
    • Author

    Требуемый хук установлен и ВКЛЮЧЁН? Также открой исходную страницу и посмотри в блоке

    ...такой код:При установленном и включённом хуке он должен находится там.

    Обновил кеш стиля и браузера.

    Зачем? В инструкции этого нет.

    Что я делаю не так?

    Проверил ваш форум.

    Вы первый раз хуки устанавливаете? Зайдите в его настройки и включите его.

    Хук не добавил код fontawesome на страницу вашего форума.

  • Цитата

    Хорошо...

    в глобальных шаблонах > includeCSS имеется фраза hasimportcss?

     

    Именно включён?

    attachicon.gifscreenshot-2015-04-09 14-27-35.png

    hasimportcss нет, не наблюдаю

    именно так включен

    скинул Вам в лс данные от входа в админку, так думаю будет и Вам и мне проще

  • Цитата
    • Author

    hasimportcss нет, не наблюдаю

    Это плохо. У Вас форум какой версии? Стиль для форума такой же версии как и форум (3.4)?

    Дело в том, что в IPB3.4 эта надпись есть в обязательном порядке. Хук цепляется к этой надписи.

    А так как у вас этой надписи нет, то хук просто не понимает куда ему добавить код fontawesome.

     

    скинул Вам в лс данные от входа в админку, так думаю будет и Вам и мне проще

    Это не обязательно. Мы уже выявили причину. :)

  • Цитата

    Версия форума: 3.4.6

    Версия скина: Velvet34x_skinbox

    В стоком скине ipb имеется требуемая строка:

    <if test="hasimportcss:|:is_array( $css['import'] )">

    А вот в вельвете нет(

  • Цитата
    • Author

    В стоком скине ipb имеется требуемая строка:

    А вот в вельвете нет(

    Разработчику нужно руки оторвать, раз он меняет хуки шаблонов.

    Потому что другие моды тоже могут цепляться к несуществующим хукам.

    Ваш шаблон исправил. Теперь всё норм.

  • Цитата

    WebFox, человеческое спасибо!

    Еще такой момент, при изменении иконки определённого форума, иконка меняется и всё норм, но если перейти в категорию этого форума, то иконка будет стандартная, чтобы вид иконки дублировался и в категориях, нужно проделать замену

    "<td class='col_c_icon'>" 

    на

    <td class='col_c_icon forumIcon_{$forum_data['id']}'>

    в Список форумов -> ForumIndexTemplate своего стиля. Т.е. всё как написано в описании только еще и для ForumIndexTemplate.

  • Цитата

    • 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
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.

    Configure browser push notifications
    Chrome (Android)
    1. Tap the lock icon next to the address bar.
    2. Tap Permissions → Notifications.
    3. Adjust your preference.
    Chrome (Desktop)
    1. Click the padlock icon in the address bar.
    2. Select Site settings.
    3. Find Notifications and adjust your preference.