Вопрос 2.x Как сделать фон категории

loregame

Пользователь
Сообщения
21
Симпатии
0
Баллы
1
#1
Как сделать фон категории как у вас с картинкой и с цветным текстом ?
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
6.041
Симпатии
5.823
Баллы
266
#2
посмотри исходный код, да и если воспользоваться поиском, то можно найти ответ на этот вопрос, он есть 100%
 

Pokschubin

Местный
Сообщения
511
Симпатии
204
Баллы
43
#3
Код:
/*----------------------------------------Цветные названия категорий*/

.node {
    &.node--id2 {
        background: @xf-contentAltBg;
        background-image: url(styles/img2.png),
                          linear-gradient(to right, @xf-contentAltBg 0%, rgba(0,0,0,0.3) 100%);
        background-repeat: no-repeat;
        background-position: right;   
        width: 50%;
        float: left;
        a {
            color: rgb(254,254,254);
            font-weight: bold;
        }
        .node-icon {
            i {
                &:before {
                    content: "\f5d6";
                    color: rgb(255,255,255);
                }
            }
        }
    }

    &.node--id3 {
        background: @xf-contentAltBg;
        background-image: url(styles/img2.png),
                          linear-gradient(to right, @xf-contentAltBg 0%, rgba(0,0,0,0.3) 100%);
        background-repeat: no-repeat;
        background-position: right;
        width: 50%;
        float: right;
        a {
            color: rgb(254,254,254);
            font-weight: bold;
        }   
        .node-icon {
            i {
                &:before {
                    content: "\f2fd";
                    color: rgb(255,255,255);
                }
            }
        }
    }
}
/*-------------------------------------------------------------*/
ID форума указывайте свой. В данном коде использованы ID3 и ID2
--- Сообщение автоматически объединено: ---

Путь к изображению тоже указывайте свой.
 

loregame

Пользователь
Сообщения
21
Симпатии
0
Баллы
1
#5
sonic, что делать если происходит так 1531246983145.png
 

Skaiman

[SVG]ADD-ONS ™
Разработчик
Сообщения
6.041
Симпатии
5.823
Баллы
266
#7
удали строку
background-position: right
И что? Это позиция картинки :) у него их и так нет. Надо понимать что суете и куда :) Там обтекание, если уж речь идет о двух разделах рядом и ширина 50%.
 

sonic

[KST]
Премиум
Сообщения
1.493
Симпатии
2.744
Баллы
153
#8
удалять лишнее из кода..
CSS:
background-position: right;   
        width: 50%;
        float: left;
и
CSS:
background-position: right;
        width: 50%;
        float: right;
или переделывать полностью шаблоны... или поставить плагин
 

loregame

Пользователь
Сообщения
21
Симпатии
0
Баллы
1
#9
sonic, Спасибо но я уже всё сделал переделал чуть чуть код под себя)
 
Вверх Снизу