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


Фон


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

#1 serejekee

serejekee

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

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

Отправлено 13 Май 2015 - 13:32

Товарищи помогите с фоном блоков, не могу отыскать.
Установил фон себе #398A3E. Аккаунт 343905.

Две картинки чуть ниже.

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

  • 1.png
  • 2.png


#2 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Май 2015 - 13:42

Просмотр сообщенияserejekee (13 Май 2015 - 13:32) писал:

Товарищи помогите с фоном блоков, не могу отыскать.
Установил фон себе #398A3E. Аккаунт 343905.

Две картинки чуть ниже.
В main.css найдите код
.products-grid .item-inner .bg-hover-grid {
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  filter: alpha(opacity = 90);
  z-index: 1;
  background-color: rgba(247,146,66, 1);
}
и замените цвет rgba(247,146,66, 1) на свой

#3 serejekee

serejekee

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

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

Отправлено 14 Май 2015 - 07:10

С градиентом разобрался, и цвет блоков поменял, по вашему совету, спасибо!

#4 ТоварищЪ

ТоварищЪ

    Новичок

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

Отправлено 14 Июнь 2015 - 13:45

Просмотр сообщенияDanil (13 Май 2015 - 13:42) писал:

В main.css найдите код
.products-grid .item-inner .bg-hover-grid {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
opacity: 0.9;
filter: alpha(opacity = 90);
z-index: 1;
background-color: rgba(247,146,66, 1);
}
и замените цвет rgba(247,146,66, 1) на свой
Добрый день! Хочу поменять цвет фона, с меню разобрался. А где взять номера для замены цвета?
Спасибо!

#5 RayLi

RayLi

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

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

Отправлено 14 Июнь 2015 - 13:49

Просмотр сообщенияТоварищЪ (14 Июнь 2015 - 13:45) писал:

Добрый день! Хочу поменять цвет фона, с меню разобрался. А где взять номера для замены цвета?
Спасибо!

Здравствуйте.
Если я правильно понял ваш вопрос, то вам нужно зайти на данный сайт и выбрать нужный вам код цвета.
Проверьте, пожалуйста.

#6 ТоварищЪ

ТоварищЪ

    Новичок

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

Отправлено 14 Июнь 2015 - 14:22

Просмотр сообщенияRayLi (14 Июнь 2015 - 13:49) писал:

Здравствуйте.
Если я правильно понял ваш вопрос, то вам нужно зайти на данный сайт и выбрать нужный вам код цвета.
Проверьте, пожалуйста.
Спасибо, здесь понятно! На сайте RGB код из трех чисел, а в админке RGBA из 4-х? Поменял три числа "и замените цвет rgba(247,146,66, 1)" на свои данные - никаких изменений нет. 2. Подскажите так же куда прописывать код вида #FFFFFF для основного фона?
Извините, но опыта ноль в данном процессе:).

#7 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 14 Июнь 2015 - 14:37

Просмотр сообщенияТоварищЪ (14 Июнь 2015 - 14:22) писал:

Спасибо, здесь понятно! На сайте RGB код из трех чисел, а в админке RGBA из 4-х? Поменял три числа "и замените цвет rgba(247,146,66, 1)" на свои данные - никаких изменений нет. 2. Подскажите так же куда прописывать код вида #FFFFFF для основного фона?
Извините, но опыта ноль в данном процессе :).
Здравствуйте.
background-color: rgba(ЦВЕТ1(R),ЦВЕТ2(G),ЦВЕТ3(B), Прозрачность(от 0 до 1))
Поэкспериментировать Вы можете на этом сайте http://www.css3maker...css-3-rgba.html, либо на сайте из сообщения 5.
У какого элемента, Вы хотите изменить цвет фона(желательно прислать скриншот)?

#8 ТоварищЪ

ТоварищЪ

    Новичок

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

Отправлено 14 Июнь 2015 - 16:57

Просмотр сообщенияDanil (14 Июнь 2015 - 14:37) писал:

Здравствуйте.
background-color: rgba(ЦВЕТ1(R),ЦВЕТ2(G),ЦВЕТ3(B), Прозрачность(от 0 до 1))
Поэкспериментировать Вы можете на этом сайте http://www.css3maker...css-3-rgba.html, либо на сайте из сообщения 5.
У какого элемента, Вы хотите изменить цвет фона(желательно прислать скриншот)?
Кое с какими элементами разобрался. Не могу поменять цвет фона у кнопки "Поиск" в верхнем меню на главной странице в Корзине.
Но самое главное я хотел поменять цвет фона у слайдера, но думаю это возможно только при смене самого слайдера. Или я ошибаюсь?

#9 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 14 Июнь 2015 - 17:03

Просмотр сообщенияТоварищЪ (14 Июнь 2015 - 16:57) писал:

Кое с какими элементами разобрался. Не могу поменять цвет фона у кнопки "Поиск" в верхнем меню на главной странице в Корзине.
Но самое главное я хотел поменять цвет фона у слайдера, но думаю это возможно только при смене самого слайдера. Или я ошибаюсь?
Для слайдера в main.css найдите код
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
  background: #C66BFB;
  background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
  background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
  background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
  background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
  background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C66BFB', endColorstr='#C66BFB',GradientType=1 );
}
Для поиска найдите
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
В обоих случаях изменяйте background-color или background

#10 ТоварищЪ

ТоварищЪ

    Новичок

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

Отправлено 15 Июнь 2015 - 16:00

Просмотр сообщенияDanil (14 Июнь 2015 - 17:03) писал:

Для слайдера в main.css найдите код
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
background: #C66BFB;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C66BFB', endColorstr='#C66BFB',GradientType=1 );
}
Для поиска найдите
.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #f79242;}
В обоих случаях изменяйте background-color или background
Спасибо! Малость начинаю въезжать:). Заработало.




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

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