Перейти к содержимому


Убираем Цветной Баннер На Слайдере

слайдер

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Foxis_10

Foxis_10

    Продвинутый пользователь

  • Модераторы
  • 63 сообщений

Отправлено 17 Февраль 2021 - 16:56

пример.PNG

В шаблоне main.css найдите и удалите строки

.banner-big .slider-left.first{background: #2db3d9;background: -moz-linear-gradient(top, #2db3d9 0%, #4ec7e9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #2db3d9 0%,#4ec7e9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #2db3d9 0%,#4ec7e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db3d9', endColorstr='#4ec7e9',GradientType=0 ); /* IE6-9 */}
.banner-big .slider-left.second{background: #f1c22e;background: -moz-linear-gradient(top, #f1c22e 0%, #eecf6c 100%);background: -webkit-linear-gradient(top, #f1c22e 0%,#eecf6c 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #f1c22e 0%,#eecf6c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c22e', endColorstr='#eecf6c',GradientType=0 ); /* IE6-9 */}
.banner-big .slider-left.third{background: #fd4d40;background: -moz-linear-gradient(top, #fd4d40 0%, #e7736a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #fd4d40 0%,#e7736a 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #fd4d40 0%,#e7736a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd4d40', endColorstr='#e7736a',GradientType=0 ); /* IE6-9 */}

.banner-big .slider-right{width:calc(100% - 310px)}

.banner-big .slider-right{width:calc(100% - 225px)}

.banner-big .slider-right{display:none;}

найдите

.banner-big .slider-right{width:calc(100% - 360px);background-position:right center;}

замените на

.banner-big .slider-right{width: 100%;height: 448px;position: absolute;background-position: center;z-index: -1;}


Теперь нужно заменить изображения слайдов на подходящие под слайдер. Размер новых изображений 850х448px.
slide1.png
slide2.png
slide3.png

Прикрепленные изображения

  • пример.PNG






Темы с аналогичным тегами слайдер

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных