Иконка ресурса

Свои иконки разделов

Я бы посоветовал не использовать классы .node--forum, .node--link и .node--page, так как они специфические, для форума, ссылки и страницы, использовать просто .node

Less:
.node {
    &.node--id8 {
        &.node--read {
            .node-icon {
                background: url('styles/default/xenforo/icons/read.png') no-repeat center;
            }
        }
        &.node--unread {
            .node-icon {
                background: url('styles/default/xenforo/icons/unread.png') no-repeat center;
            }     
        }
    }
}

CSS:
.node.node--id8.node--read .node-icon {
  background: url('styles/default/xenforo/icons/read.png') no-repeat center;
}
.node.node--id8.node--unread .node-icon {
  background: url('styles/default/xenforo/icons/unread.png') no-repeat center;
}

Еще, не надо указывать глубину вложенности ../styles
 
  • Мне нравится
Реакции: Hope
Captain, простите, хочу разобраться, пара вопросов:
1. Код в Less: для extra, а вариант css где использовать?
2. Есть допустим несколько одинаковых разделов где иконки будут одинаковые, можно ли как то их перечислять в коде для extra?
3. Я верно понял что node--read и node--unread совместить нельзя, чтобы использовать одну ссылку на картинку ?
 
Captain, простите, хочу разобраться, пара вопросов:
1. Код в Less: для extra, а вариант css где использовать?
2. Есть допустим несколько одинаковых разделов где иконки будут одинаковые, можно ли как то их перечислять в коде для extra?
3. Я верно понял что node--read и node--unread совместить нельзя, чтобы использовать одну ссылку на картинку ?
Там-же.
В extra.less, можно использовать CSS и LESS одновременно.
 
Да для екстры, можно совместить чутка на подумать задача.
 
Добавил пока что то что есть, всего то + 740 строк в extra ?
 
ребята, как сделать, маленькие иконки 36px и по середине как обычные стандартные 222.png то у меня получается ddd.pngогромные во всю клеточку
 
Добрый вечер, подскажите как установить иконку именно для страницы?

Для форумов стоит код и отлично работает:

Код:
.node.node--id271.node--read .node-icon {
  background: url('styles/images/news.png') no-repeat 10px;
}
.node.node--id271.node--unread .node-icon {
  background: url('styles/images/news.png') no-repeat 10px;
}
/
 
Код:
.node.node--id271 .node-icon {
  background: url('styles/images/news.png') no-repeat 10px;
}
Но не тестил.
 
CrazyHackGUT, я Вам в лс написал сообщение, у Вас отключено? Хотел 1 вопрос задать.
 
А для ресурсов, как иконки прописать?
 
Добрый вечер, подскажите как установить иконку именно для страницы?

Для форумов стоит код и отлично работает:

Код:
.node.node--id271.node--read .node-icon {
  background: url('styles/images/news.png') no-repeat 10px;
}
.node.node--id271.node--unread .node-icon {
  background: url('styles/images/news.png') no-repeat 10px;
}
/
Выше полный мануал для всего, кроме ресурсов, зачем я ссылку приложил?
Хотя да, проще же код дублировать, руки же не устают.
А для ресурсов, как иконки прописать?
Они как бы в настройках изменяются, если верно понял, но и вопрос задать в теме дополнения.
 
  • Мне нравится
Реакции: Hope
Какое разрешение для иконков желательно
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу