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

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

Rosse

Пользователь
Сообщения
12
Репутация
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 БЕЗ ПЛАГИНОВ ПЛАГИНЫ МУСОР ОНИ НАГРУЖАЮТ МАЛУЮ ЧАСТЬ ФОРУМА И ДА ОБНОВЛЯТЬ ИХ НА ДВИЖКЕ НУЖНО ИБО ОНИ БУДУТ УСТАРЕВШИМИ ИТД
 

MEGAVOLT

Наглая рожа
Администратор
Сообщения
569
Репутация
420
Баллы
63
Сначала учимся расставлять знаки припинания.
Атополучаетсячтоятехспеципишубезпробеловтаккакпробелыэтоуделобычныхпользователей
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;
}
Да и название темы.. ну что это?
"Изменение Картинка своя Разделу"
Моя твоя не понимать?
 
Последнее редактирование:
  • Мне нравится
Реакции: SOLT

SOLT

Местный
Сообщения
381
Репутация
112
Баллы
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;
}
я так понял надо заливать иконки на сервер?
 

SOLT

Местный
Сообщения
381
Репутация
112
Баллы
43
SOLT, Ты сегодня пьян?
Сам же спросил:
Да, почти каждый день.

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

extra.less:
.node-icons ([USER=6459]node[/USER]-id; @fa-uid; [USER=1773]Color[/USER]: 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([USER=1773]Color[/USER])) {
                        opacity: 1;
                        color: [USER=1773]Color[/USER];
                        text-shadow: 1px 1px 0.5px fade(xf-intensify([USER=1773]Color[/USER], 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);
C новой строчки копируем фразу .node-icons (4; f0c2; gold); и добавляем сюда ID раздела, цвет и саму иконку FA
4-id раздела; f0c2 - иконка; gold - цвет
 
Последнее редактирование:

Rosse

Пользователь
Сообщения
12
Репутация
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
}
}
 

SOLT

Местный
Сообщения
381
Репутация
112
Баллы
43
скопируй мой код или код MEGAVOLT и делай свои по ним, в моем случае это иконки FA
 

MEGAVOLT

Наглая рожа
Администратор
Сообщения
569
Репутация
420
Баллы
63
#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
}
}
От куда это?
 

SOLT

Местный
Сообщения
381
Репутация
112
Баллы
43
MEGAVOLT, забей, они копируют из инета не понимая.) не ищи логики
 
Статус
Закрыта
Сверху Снизу