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

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

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

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

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

Как сделать чередование цвета?

Нужно, чтобы отображалось в списке тем форума, в шаблоне пользователи онлайн это реализовано, как сделать также в списке тем?

 

post-58787-0-37455000-1484725298_thumb.png

 

Возможно этот код - {parse striping="online" classes="row1,row2"}, только куда его вставлять не пойму.

 

В IPS4 это реализовано, на вашем форуме тоже, выглядит красиво.

Изменено пользователем ovi8

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

только куда его вставлять не пойму.

В шаблон, отвечающий за отображение тем.

Только этого не достаточно.

 

Сперва указываем тег, ключ, css классы.

Потом добавляем к классу элемента, к которому будет применяться чередование.

 

Пример с теми же юзерами онлайн

				{parse striping="online" classes="row1,row2"}
			<foreach loop="online:$rows as $session">
				<tr class='{parse striping="online"}'>

В IPS4 это реализовано,
Использование псевдокласса :nth-child

Можете добавить что-то вроде

.topic_list tr:nth-child(even) {
   background: #eacccc;
}

  • Автор

Тогда может так? :)

 

{parse striping="online" classes="row1,row2"}
			<foreach loop="forums:$rows as $session">
				<tr class='{parse striping="online"}'>

Изменено пользователем ovi8

  • Автор

Использование псевдокласса :nth-child

Можете добавить что-то вроде

.topic_list tr:nth-child(even) {
   background: #eacccc;
}

Так намного легче, только правильно ли использовать этот метод в IPB 3?

Так намного легче, только правильно ли использовать этот метод в IPB 3?
Это не метод, а чистой воды css. Разницы нет, где используете.

Если хотите через тег striping, то

- Открываете шаблон topic

- В самое начало добавляете

{parse striping="topicsZebra" classes="row1,row2"}

- Находите __topic (2 раза) и заменяете на __topic {parse striping="topicsZebra"}

  • Автор

через тег striping

При "Загрузить ещё темы" зебры нет, а при добавлении псевдокласса при предпросмотре темы классы становятся одинакового цвета :mellow:

Поправил инструкцию для striping

  • Автор

Поправил инструкцию для striping

Почти идеально :) Только теперь непрочитанные темы всегда белые - на них зебра не действует.

 

Понял в чем дело, надо background-color: #f7fbfc; убрать.

Изменено пользователем ovi8

Только теперь непрочитанные темы всегда белые - на них зебра не действует.

Класс unread находится ниже в файле, поэтому бэкграунд перезаписывается.

  • Автор

Класс unread находится ниже в файле, поэтому бэкграунд перезаписывается.

Да, конечно. Я это имел ввиду.

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

Аккаунт

Навигация

Поиск

Поиск

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

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