Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация 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.

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

Опубликовано:

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

 

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 находится ниже в файле, поэтому бэкграунд перезаписывается.

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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

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.