Jump to content
IPS Invision Community
Sign in to follow this  

Цветные под категории


Description

Цветные и с иконками под категории

Иконки на под категории

1.png

Добавьте в custom.css

/* Открыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a:before {
       content: "\f09c";
       background-color: #68a72f;
}
/* Закрыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(2) a:before {
       content: "\f023";
       background-color: #e14242;
}
/* Закрыто */
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a:before {
       content: "\f023";
       background-color: #e14242;
}
  • Где  [data-forumid="2"] это ID основной категории к которой относятся под категории.
  • Где li:nth-child(1)li:nth-child(2)li:nth-child(3) это порядковые номера под категории.

Цветные категории делаем аналогичным способом только указываем цвет текста.

[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a {
    color: #68a72f;
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(2) a {
    color: #e14242;
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a {
    color: #e14242;
}

Можно добавить оба варианта тогда получится как на скриншоте.

  • Нравится 2


Recommended Comments

Полезно, спасибо. ?????

  • Upvote 1

Share this comment


Link to comment
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
×
×
  • Create New...