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


Слайдер - Хелп

Автор Аслан, 14 янв. 2018 23:03

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Аслан

Аслан

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 14 Январь 2018 - 23:03

Подскажите пожалуйста можно ли изменить фон подложки слайдера на статичную картинку вместо фона с градиентом? Как это сделать?

#2 Firefly

Firefly

    Активный участник

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

Отправлено 15 Январь 2018 - 12:22

Просмотр сообщенияАслан (14 Январь 2018 - 23:03) писал:

Подскажите пожалуйста можно ли изменить фон подложки слайдера на статичную картинку вместо фона с градиентом? Как это сделать?

Здравствуйте.
В шаблоне main.css найдите код:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow
	{
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}

Замените на:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow
	{
background: url('ссылка на картинку');
}

#3 Аслан

Аслан

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 15 Январь 2018 - 20:13

Просмотр сообщенияFirefly (15 Январь 2018 - 12:22) писал:

Здравствуйте.
В шаблоне main.css найдите код:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow
{
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}

Замените на:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow
{
background: url('ссылка на картинку');
}
При данной замене меняются на всех страницах , а как сделать чтобы только на главной странице была статичная картинка, а на остальных страницах тк как есть и сейчас?

#4 Firefly

Firefly

    Активный участник

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

Отправлено 16 Январь 2018 - 15:56

Просмотр сообщенияАслан (15 Январь 2018 - 20:13) писал:

При данной замене меняются на всех страницах , а как сделать чтобы только на главной странице была статичная картинка, а на остальных страницах тк как есть и сейчас?

Здравствуйте.
В таком случае код:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow

		{
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}

Замените на:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success
{
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}
#slideshow {
background: url('ссылка на картинку');
}

#5 Аслан

Аслан

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Январь 2018 - 16:41

Просмотр сообщенияFirefly (16 Январь 2018 - 15:56) писал:

Здравствуйте.
В таком случае код:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success,#slideshow

	 {
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}

Замените на:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success
{
background: #0073ff;
background: -moz-linear-gradient(left, #0073FF 0%, #312DAB 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0073FF), color-stop(160%,#312DAB));
background: -webkit-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -o-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: -ms-linear-gradient(left, #0073FF 0%,#312DAB 160%);
background: linear-gradient(to right, #0073FF 0%,#312DAB 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073FF', endColorstr='#312DAB',GradientType=1 );
}
#slideshow {
background: url('ссылка на картинку');
}
Я так уже пробовал. Получается что на главной странице все хорошо (1скрин), а вот на остальных белая полоса вместо голубой и где боковое меню там тоже белое вместо голубого (2 скрин)

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

  • 11.jpg
  • 12.jpg

#6 Firefly

Firefly

    Активный участник

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

Отправлено 16 Январь 2018 - 19:30

Просмотр сообщенияАслан (16 Январь 2018 - 16:41) писал:

Я так уже пробовал. Получается что на главной странице все хорошо (1скрин), а вот на остальных белая полоса вместо голубой и где боковое меню там тоже белое вместо голубого (2 скрин)

У Вас была лишняя запятая, в конце строки:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success

Ее убрал, сейчас все корректно

#7 Аслан

Аслан

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений

Отправлено 16 Январь 2018 - 20:46

Просмотр сообщенияFirefly (16 Январь 2018 - 19:30) писал:

У Вас была лишняя запятая, в конце строки:
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success

Ее убрал, сейчас все корректно
Спасибо огромное
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Цитрус
  5. → Главная
  6. Privacy Policy