Решено 2.x Изменить иконку разделов

Статус
Закрыта

Rosse

Пользователь
Сообщения
13
Репутация
0
Баллы
1
День добрый, extra.less Добавляю
.node--forum.node--id5 .node--read .node-icon i:before {
background-image: url("forum/style/xenfocus/images/node-icons.png");
background-position: 0px 0px;
}

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

хочу же примерно также сделать иконки все кроме страниц и ссылок ссылки и страницу сделать другую картинки отдельные тоже
Безымянный.png


PS БЕЗ ПЛАГИНОВ ПЛАГИНЫ МУСОР ОНИ НАГРУЖАЮТ МАЛУЮ ЧАСТЬ ФОРУМА И ДА ОБНОВЛЯТЬ ИХ НА ДВИЖКЕ НУЖНО ИБО ОНИ БУДУТ УСТАРЕВШИМИ ИТД
 

MEG@VOLT

Наглая рожа
Администратор
Сообщения
792
Репутация
517
Баллы
93
Сначала учимся расставлять знаки припинания.
Атополучаетсячтоятехспеципишубезпробеловтаккакпробелыэтоуделобычныхпользователей
CSS:
.node-icon i {
    display: none;
}
.node-icon {
   background-repeat: no-repeat;
    background-position: 10px;
}
.node--forum.node--id336.node--read .node-icon{
  background-image:url("styles/Icons/dqHh5Vp.png");
}
.node--forum.node--id336.node--unread .node-icon{
  background-image:url("styles/Icons/ny2Qy2d.png");
}
.node--forum.node--id336.node--read .node-icon{
  background-image:url("styles/Icons/dqHh5Vp.png") !important;
}
.node--forum.node--id336.node--unread .node-icon{
  background-image:url("styles/Icons/ny2Qy2d.png") !important;
}
.node--forum.node--id33.node--read .node-icon{
  background-image:url("styles/Icons/YjtrYC1.png");
}
.node--forum.node--id33.node--unread .node-icon{
  background-image:url("styles/Icons/dHFA3uB.png");
}
.node--forum.node--id33.node--read .node-icon{
  background-image:url("styles/Icons/YjtrYC1.png") !important;
}
.node--forum.node--id33.node--unread .node-icon{
  background-image:url("styles/Icons/dHFA3uB.png") !important;
}
Да и название темы.. ну что это?
"Изменение Картинка своя Разделу"
Моя твоя не понимать?
 
Последнее редактирование:
  • Мне нравится
Реакции: CAT

CAT

Котяра-баюн
Местный
Сообщения
618
Репутация
171
Баллы
43
Сначала учимся расставлять знаки припинания.
Атополучаетсячтоятехспеципишубезпробеловтаккакпробелыэтоуделобычныхпользователей
CSS:
.node-icon i {
    display: none;
}
.node-icon {
   background-repeat: no-repeat;
    background-position: 10px;
}
.node--forum.node--id336.node--read .node-icon{
  background-image:url("styles/Icons/dqHh5Vp.png");
}
.node--forum.node--id336.node--unread .node-icon{
  background-image:url("styles/Icons/ny2Qy2d.png");
}
.node--forum.node--id336.node--read .node-icon{
  background-image:url("styles/Icons/dqHh5Vp.png") !important;
}
.node--forum.node--id336.node--unread .node-icon{
  background-image:url("styles/Icons/ny2Qy2d.png") !important;
}
.node--forum.node--id33.node--read .node-icon{
  background-image:url("styles/Icons/YjtrYC1.png");
}
.node--forum.node--id33.node--unread .node-icon{
  background-image:url("styles/Icons/dHFA3uB.png");
}
.node--forum.node--id33.node--read .node-icon{
  background-image:url("styles/Icons/YjtrYC1.png") !important;
}
.node--forum.node--id33.node--unread .node-icon{
  background-image:url("styles/Icons/dHFA3uB.png") !important;
}
я так понял надо заливать иконки на сервер?
 

CAT

Котяра-баюн
Местный
Сообщения
618
Репутация
171
Баллы
43

CAT

Котяра-баюн
Местный
Сообщения
618
Репутация
171
Баллы
43
CAT, Ты сегодня пьян?
Сам же спросил:
Да, почти каждый день.

Но она не разберется. Сейчас дам код на иконки FA
--- Сообщение автоматически объединено: ---

[CODE lang="css" title="extra.less"].node-icons (node-id; @fa-uid; Color: false; @fa-type: false; @fa-size: false) {
.node--id@{node-id} {
.node-icon i {
& when (isnumber(@fa-size)) {
font-size: @fa-size;
}
&:before {
& when (@fa-type = false) {
.m-faBase();
}
& when (@fa-type = Brands) {
.m-faBase('Brands');
}
color: @xf-nodeIconReadColor;
text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
.node--unread& {
& when (iscolor(Color)) {
opacity: 1;
color: Color;
text-shadow: 1px 1px 0.5px fade(xf-intensify(Color, 50%), 50%);
}
}

.node--forum&,
.node--category& {
content:"\@{fa-uid}";
}
.node--page& {
content:"\@{fa-uid}";
}
.node--link& {
content:"\@{fa-uid}";
}
}
}
}
}

// Кастомные иконки Font Awesome для разделов
.node-icons (1; f179; green; Brands);
.node-icons (2; f13b; blue; Brands);
.node-icons (3; f03e; red);
.node-icons (4; f0c2; gold);[/CODE]

C новой строчки копируем фразу .node-icons (4; f0c2; gold); и добавляем сюда ID раздела, цвет и саму иконку FA
4-id раздела; f0c2 - иконка; gold - цвет
 
Последнее редактирование:

MEG@VOLT

Наглая рожа
Администратор
Сообщения
792
Репутация
517
Баллы
93
Rofl_man7 Ну ок))
 

Rosse

Пользователь
Сообщения
13
Репутация
0
Баллы
1
#XF .node .node-icon i {
background-color: transparent; // Убираем фон иконок
background-image: url("//i.imgur.com/qgwGfQ2.png"); // Добавляем свою иконку
background-position: center; // Выставляем иконку по центру
background-size: contain; // Масштабирует изображение с сохранением пропорций
filter: grayscale(0); // Отключаем фильтр обесцвечивания для прочитанных (можно убрать)
opacity: 1; // Отключаем прозрачность для прочитанных (можно убрать)
&:before {
content: ""; // Убираем иконку Font Awesome
}
}
 

CAT

Котяра-баюн
Местный
Сообщения
618
Репутация
171
Баллы
43
скопируй мой код или код MEG@VOLT и делай свои по ним, в моем случае это иконки FA
 

MEG@VOLT

Наглая рожа
Администратор
Сообщения
792
Репутация
517
Баллы
93
#XF .node .node-icon i {
background-color: transparent; // Убираем фон иконок
background-image: url("//i.imgur.com/qgwGfQ2.png"); // Добавляем свою иконку
background-position: center; // Выставляем иконку по центру
background-size: contain; // Масштабирует изображение с сохранением пропорций
filter: grayscale(0); // Отключаем фильтр обесцвечивания для прочитанных (можно убрать)
opacity: 1; // Отключаем прозрачность для прочитанных (можно убрать)
&:before {
content: ""; // Убираем иконку Font Awesome
}
}
От куда это?
 

CAT

Котяра-баюн
Местный
Сообщения
618
Репутация
171
Баллы
43
MEG@VOLT, забей, они копируют из инета не понимая.) не ищи логики
 
Статус
Закрыта
Сверху Снизу