Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
ovi8

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

Recommended Posts

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

 

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

 

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

 

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

Edited by ovi8

Share this post


Link to post
Share on other sites

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

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

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

 

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

Share this post


Link to post
Share on other sites

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

 

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

Edited by ovi8

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


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

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

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

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

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

через тег striping

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

Share this post


Link to post
Share on other sites

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

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

 

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

Edited by ovi8

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...