XF 2.1 Как сделать данный баннер?

[Masha Jones]

Всем привет! Можете ли дать код для extra less создание вот этого баннера, что на скриншоте?
Данный код я не нашел.


Данный баннер двигается в правую сторону. Могу кинуть ссылку форума.
Ах да, я точно не ошибся разделом?

 

[makenzi]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Masha Jones]

Он совсем другой.

 

[capitan sbu]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Masha Jones]

Ок

 

[Tesloz]

.userBanner--Red {
    background: url('https://xenforo.info/data/attachments/137/137637-27d3fc8cd6981876db126e7b842ed0c0.jpg') round;
    background-size: 100%;
    color:#fff;
}

 

[Masha Jones]

А как поменять цвет?

 

[Bmw_Russia]

А как поменять цвет?

 

[Masha Jones]

Я пробовал. Это цвет для текста, который будет в баннере. Нужно цвет самого баннера.

 

[Tesloz]

А как поменять цвет?

Цвет чего? Текста уже ответили; фон гифкой сделан на сайте примере, сами в граф. редакторе изменяйте.
Вам уже скидывали в теме лучше варианты, чем это.

 

[Masha Jones]

Цвет самого блока.

 

[Masha Jones]

Я хочу изменить этот красный цвет на свой цвет.

 

[Froala]

Я хочу изменить этот красный цвет на свой цвет.

Ответ дан в первом сообщение темы

 

[Masha Jones]

Ну так этот баннер совсем другой

 

[Masha Jones]

Чем он может помочь?

 

[Froala]

Чем он может помочь?

Тем, что в описании ресурса все расписано как добавить баннер переливающийся.

 

[Skaiman]

Ну так этот баннер совсем другой

он другой, но более практичный, те что хочешь сделаны гифкой, для каждого своя и сделано кривовато, если честно :)

 

[Tesloz]

Я хочу изменить этот красный цвет на свой цвет.

.userBanner--Blue{
  position: relative;
  /*Цвет*/
  background-color: #2577b1 !important;
  color: #fff !important;
  overflow: hidden;
}

.userBanner--Blue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5em;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  transform: translateX(-10em) skewX(45deg);
  animation: moveLight 1.5s infinite;
}

@keyframes moveLight {
  from {
    transform: translateX(-10em) skewX(45deg);
  }
  to {
    transform: translateX(10em) skewX(45deg);
  }
}

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Skaiman]

Tesloz, вот не понятно к чему твои посты :) автор темы спросил про конкпетные баннеры к которым твой код не имеет отношения, так же автору предложили другое решение, но оно ему не нравится.

 

[Masha Jones]

.userBanner--Red {
    background: url('https://xenforo.info/data/attachments/137/137637-27d3fc8cd6981876db126e7b842ed0c0.jpg') round;
    background-size: 100%;
    color:#fff;
}

Я просто хочу изменить цвет в баннере на другой. Не нужно мне ещё какие-то коды.