Баннер с градиентом

Баннер с градиентом

Skaiman

Проверенные
Сообщения
18,246
Решения
227
Реакции
33,766
Баллы
21,375
Семен Семеныч добавил(а) новый ресурс:

Баннер с градиентом - Баннер групп с градиентным фоном.

В extra.less добавляем:
Less:
.linear-gradient-prefixes(@deg, @start, @end) {
    background-image: -webkit-linear-gradient(@deg, @start, @end);
    background-image: -moz-linear-gradient(@deg, @start, @end);
    background-image: linear-gradient(90deg, @start 0%, @end 100%);
}

.linear-gradient(@_, @start, @end) {
    .linear-gradient-prefixes(left, @start, @end);
}

.gradientBanner {
    display: inline-block;
    text-align: center;
    font-size: 80%;
    color: #fff...

Узнать больше об этом ресурсе...
 
Screenshot_11.png


Сделал вот так, но баннер не изменился. В чем проблема подскажите?
 
А что там за less: ?
 
Не, там должно быть прочтение правил форума. :)
 
Hope, блин честное слово не понял что вы имеете ввиду))) Там действительно не должно быть троеточия? Я убрал его , но баннер не поменялся(( Помогите пожалуйста?
 
Виноват, исправлюсь , извините незнал что нарушаю(( Буду пытаться разобраться
 
xemastane, ты просто не можешь просмотреть ресурс полностью, группа не позволяет, поэтому троеточие :)
 
Всё шикарно, спасибо! Но есть одна небольшая проблема.
Вот так отображается в профиле (как на скрине)
Нужно баннер растянуть на весь блок (выделил на скрине) Каким образом это сделать? Что добавить?

Используется стиль: [CYBH] DarkNet Style
Используется стиль профиля: [XFI] LztProfile

Screenshot_8.png
 
Последнее редактирование:
Всё шикарно, спасибо! Но есть одна небольшая проблема.
Вот так отображается в профиле (как на скрине)
Нужно баннер растянуть на весь блок (выделил на скрине) Каким образом это сделать? Что добавить?

Посмотреть вложение 112343
На дефолтном стиле посмотрите)
 
nazardapro, Я смотрю у вас по каждому плагины проблемы от недопонимания как все работает.
Не гонитесь вы ставить все подряд. Поставили плагин, настроили, изучите его и всю админку в купе, начиная он настроек, заканчивая настройками стиля.
В моей подписи есть подсказки на темы, которые вам нужно почитать. Не ленитесь разбираться во всем по порядку, а не ставя все подряд и путаясь, что у вас где. ИМХО.
 
Всё шикарно, спасибо! Но есть одна небольшая проблема.
Вот так отображается в профиле (как на скрине)
Нужно баннер растянуть на весь блок (выделил на скрине) Каким образом это сделать? Что добавить?

Используется стиль: [CYBH] DarkNet Style
Используется стиль профиля: [XFI] LztProfile

Посмотреть вложение 112343
Размеры указать, высоту и ширину

Код:
width: 183px;
height: 40px;
 
nazardapro, Я смотрю у вас по каждому плагины проблемы от недопонимания как все работает.
Не гонитесь вы ставить все подряд. Поставили плагин, настроили, изучите его и всю админку в купе, начиная он настроек, заканчивая настройками стиля.
В моей подписи есть подсказки на темы, которые вам нужно почитать. Не ленитесь разбираться во всем по порядку, а не ставя все подряд и путаясь, что у вас где. ИМХО.
Не ну так-то да, согласен. Я что-то разогнался, ставлю много всего, а толком и не разбираюсь как и что. Только немного так.. Основы и всё. (И то не всегда)..
Теперь буду побольше и получше вникать во всё) Извините что душу глупыми вопросами..)

Размеры указать, высоту и ширину

Код:
width: 183px;
height: 40px;
Блочится..)
 

Вложения

  • Screenshot_10.png
    Screenshot_10.png
    232.5 KB · Просмотры: 135
Решил проблему тем, что добавил: min-width: 190px; (если кому надо)
 
Там есть участок кода для профиля
Код:
    .memberHeader-banners & {
        [data-template="member_view"] & {
            width: 120px!important;
        }
    }
 
  • Мне нравится
Реакции: Hope
Не ну так-то да, согласен. Я что-то разогнался, ставлю много всего, а толком и не разбираюсь как и что. Только немного так.. Основы и всё. (И то не всегда)..
Да ничего страшного, играйтесь, стили разные посмотрите, плагинов наставьте сколько место на сервере позволит, потом ведь все равно все сносить, или само поломается, и придете к дефолтному с минимумом необходимых плагинов. ?
 
Если будет указано меньше или больше двух цветов, то будет ошибка.
Как пример:
Код:
    &.admin {
        .linear-gradient(left, #E70707, #5E0000, #E70707)
    }
    
    или
    
        &.admin {
        .linear-gradient(left, #E70707)
    }
если сделать так, как указано выше в коде, то возникает такая ошибка:
Screenshot_3.png
Я бы вставил как код, да скопировать не могу текст ошибки.

Может я где-то закасячил?
 
Если будет указано меньше или больше двух цветов, то будет ошибка.
Где там написано, что можно больше двух вставлять? И зачем все это использовать, если нужен один цвет?
 
  • Мне нравится
Реакции: Hope
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу