Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
ovi8

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

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

01/18/17 07:40 (изменено)

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

 

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;
}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
01/18/17 09:46 (изменено)

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

 

{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"}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

через тег striping

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

Поделиться сообщением


Ссылка на сообщение

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
01/18/17 15:53 (изменено)

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...