Как сделать чередование цвета? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 18 Январь 2017 - 10:39

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

Вложение  Безымянный.png (25,13К)
Количество загрузок: 9

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

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

Сообщение изменено: ovi8 (18 Январь 2017 - 10:40)

0

#2 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 467
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 003
  • IPB version:I have no IPB
 

Отправлено 18 Январь 2017 - 11:15

Просмотреть сообщение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;
}

1

#3 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 18 Январь 2017 - 12:45

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

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

Сообщение изменено: ovi8 (18 Январь 2017 - 12:45)

0

#4 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 18 Январь 2017 - 12:51

Просмотреть сообщениеnewbie 18 Январь 2017 - 11:15 сказал(а):

Использование псевдокласса :nth-child
Можете добавить что-то вроде
.topic_list tr:nth-child(even) {
    background: #eacccc;
}


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

#5 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 467
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 003
  • IPB version:I have no IPB
 

Отправлено 18 Январь 2017 - 12:59

Просмотреть сообщениеovi8 сказал(а):

Так намного легче, только правильно ли использовать этот метод в IPB 3?
Это не метод, а чистой воды css. Разницы нет, где используете.
Если хотите через тег striping, то
- Открываете шаблон topic
- В самое начало добавляете
{parse striping="topicsZebra" classes="row1,row2"}

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

#6 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 18 Январь 2017 - 13:32

Просмотреть сообщениеnewbie 18 Январь 2017 - 12:59 сказал(а):

через тег striping

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

#7 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 467
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 003
  • IPB version:I have no IPB
 

Отправлено 18 Январь 2017 - 16:25

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

#8 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 18 Январь 2017 - 18:52

Просмотреть сообщениеnewbie 18 Январь 2017 - 16:25 сказал(а):

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

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

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

Сообщение изменено: ovi8 (18 Январь 2017 - 18:55)

0

#9 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 467
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 003
  • IPB version:I have no IPB
 

Отправлено 19 Январь 2017 - 09:25

Просмотреть сообщениеovi8 сказал(а):

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

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

#10 Пользователь не на сайте   ovi8 ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 113
  • Регистрация: 24-Декабрь 15
  • Репутация: 5
  • IPB version:3.4.x
 

Отправлено 19 Январь 2017 - 18:53

Просмотреть сообщениеnewbie 19 Январь 2017 - 09:25 сказал(а):

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

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

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2017 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна