Skip to content
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 это реализовано, на вашем форуме тоже, выглядит красиво.

Edited by ovi8

Featured Replies

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

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

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

 

Сперва указываем тег, ключ, 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;
}

  • Author

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

 

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

Edited by ovi8

  • Author

Использование псевдокласса :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"}

  • Author

через тег striping

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

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

  • Author

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

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

 

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

Edited by ovi8

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

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

  • Author

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

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

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

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.