Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

User Online Status in Topics (Online/Offline - рядом с ником), модификация

Есть такой чудный хук User Online Status in Topics но мне внешний вид его отображения не нравится.

 

Стандартный код:

<if test="postOnline:|:$author['_online']">
<span class='ipsBadge ipsBadge_green'>{$this->lang->words['online_online']}</span>
<else />
<span class='ipsBadge ipsBadge_grey'>{$this->lang->words['online_offline']}</span>
</if>  

 

И я захотел его преобразоваться. И получилось такое

 

Безымянный.jpg

 

Мой код:

<if test="postOnline:|:$author['_online']">
<span class='online'></span>
<else />
<span class='offline'></span>
</if>  

 

Ну и в css добавить строки

.online {
margin-left: -10px;
border-left: 12px solid #ff9600;
padding: 10px 0;
}

.offline {
margin-left: -10px;
border-left: 12px solid #bbbbbb;
padding: 10px 0;
}

 

 

Вопрос, все ли я правильно сделал?

Рекомендованные сообщения

Ну если нравится, то почему нет.

  • Автор

Это я так для примера накидал, но поиграться с CSS получится, красивый результат.

  • Автор

Исходя из этой темы, продолжение.

 

<if test="postOnline:|:$msg['msg_author_id']">
<span class='online'></span>
<else />
<span class='offline'></span>
</if>  

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.