Creativchak Участники Сообщения 32 Реакции 0 Баллы 65 21 Авг 2020 #1 Здравствуйте. Есть форум один, на котором мне нужны блоки. Стиль один и тот-же у меня и у них. Стиль - EVOLVE Вот скрин с их форума: А у меня так: Как сделать так-же как и у них? Сама картинка у меня есть, вот она: Все изображения и файлы загружайте только на наш сервер! Последнее редактирование модератором: 22 Авг 2020
Здравствуйте. Есть форум один, на котором мне нужны блоки. Стиль один и тот-же у меня и у них. Стиль - EVOLVE Вот скрин с их форума: А у меня так: Как сделать так-же как и у них? Сама картинка у меня есть, вот она: Все изображения и файлы загружайте только на наш сервер!
M MrRobot Проверенные Сообщения 629 Решения 11 Реакции 844 Баллы 3,455 21 Авг 2020 #2 У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация Позитивный голос 0 Негативный голос
SkyLoKi Проверенные Сообщения 259 Решения 2 Реакции 919 Баллы 28,675 21 Авг 2020 #3 У себя использовал такое решение. Плюс здесь меняется цвет фона. Так что меняйте сами Less:Скопировать /************************************************************** Изменям фон шапки категории **************************************************************/ .addHeader(@id, @image) { @name: e(%('block--category%d .block-header', @id)); .@{name}{ background-image: url(@image); background-blend-mode: luminosity; background-size: cover; } } .addHeader(3, '/styles/v/nodeTitle/five.png'); Но здесь вопрос не по стандартному стилю... Позитивный голос 0 Негативный голос
У себя использовал такое решение. Плюс здесь меняется цвет фона. Так что меняйте сами Less:Скопировать /************************************************************** Изменям фон шапки категории **************************************************************/ .addHeader(@id, @image) { @name: e(%('block--category%d .block-header', @id)); .@{name}{ background-image: url(@image); background-blend-mode: luminosity; background-size: cover; } } .addHeader(3, '/styles/v/nodeTitle/five.png'); Но здесь вопрос не по стандартному стилю...
Creativchak Участники Сообщения 32 Реакции 0 Баллы 65 21 Авг 2020 #4 SkyLoKi написал(а): У себя использовал такое решение. Плюс здесь меняется цвет фона. Так что меняйте сами Less:Скопировать /************************************************************** Изменям фон шапки категории **************************************************************/ .addHeader(@id, @image) { @name: e(%('block--category%d .block-header', @id)); .@{name}{ background-image: url(@image); background-blend-mode: luminosity; background-size: cover; } } .addHeader(3, '/styles/v/nodeTitle/five.png'); Но здесь вопрос не по стандартному стилю... Нажмите для раскрытия... Спасибо большое, это в exta.less? Позитивный голос 0 Негативный голос
SkyLoKi написал(а): У себя использовал такое решение. Плюс здесь меняется цвет фона. Так что меняйте сами Less:Скопировать /************************************************************** Изменям фон шапки категории **************************************************************/ .addHeader(@id, @image) { @name: e(%('block--category%d .block-header', @id)); .@{name}{ background-image: url(@image); background-blend-mode: luminosity; background-size: cover; } } .addHeader(3, '/styles/v/nodeTitle/five.png'); Но здесь вопрос не по стандартному стилю... Нажмите для раскрытия... Спасибо большое, это в exta.less?
SkyLoKi Проверенные Сообщения 259 Решения 2 Реакции 919 Баллы 28,675 21 Авг 2020 #5 Creativchak, это в extra.less И это добавляет фон для определенной категории. Позитивный голос 0 Негативный голос
Creativchak Участники Сообщения 32 Реакции 0 Баллы 65 21 Авг 2020 #6 SkyLoKi написал(а): Creativchak, это в extra.less И это добавляет фон для определенной категории. Нажмите для раскрытия... Спасибо большое ещё раз :) Но смотри, мне помогло лишь одна строчка, я добавил в extra.less CSS:Скопировать .block-header { background: url(https://i.imgur.com/6IESaRh.png); } Позитивный голос 0 Негативный голос
SkyLoKi написал(а): Creativchak, это в extra.less И это добавляет фон для определенной категории. Нажмите для раскрытия... Спасибо большое ещё раз :) Но смотри, мне помогло лишь одна строчка, я добавил в extra.less CSS:Скопировать .block-header { background: url(https://i.imgur.com/6IESaRh.png); }