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


Изменение Цветовой Гаммы


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

#1 Stas_Y

Stas_Y

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

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

Отправлено 20 Август 2015 - 22:25

Требуется:
1) Сделать блоки белым фоном без ромбиков, все строго
2) Убрать рамки у товаров

Рис прилагаю!

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

  • 1.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 21 Август 2015 - 02:43

1. В main.css найдите:
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
background: #f79242;
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='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}
замените на:
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, .success, #slideshow {
background: #f79242;
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='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}

далее найдите:
#main_left h3.block-title {color: #fff;font-size: 185%;text-transform: capitalize;padding: 16px 0px 12px 20px;margin:0;line-height: 100%;display: block;float: left;font-weight: lighter;}
замените на:
#main_left h3.block-title {color: #EF7147;font-size: 185%;text-transform: capitalize;padding: 16px 0px 12px 20px;margin:0;line-height: 100%;display: block;float: left;font-weight: lighter;}

На счет ромба, кликните по нему, он не статичная картинка для красоты, в нем имеется функционал, его все равно удалить?

2.В main.css найдите:
.products-grid .item-inner .product-image {border: 1px solid rgba(247,146,66,.7);height: 270px;width:270px;vertical-align: middle;display: table-cell;}
замените на:
.products-grid .item-inner .product-image {border: none;height: 270px;width:270px;vertical-align: middle;display: table-cell;}


#3 Stas_Y

Stas_Y

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

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

Отправлено 21 Август 2015 - 03:37

Спасибо) а как изменить цвет шрифта надписей "каталог" и "вы смотрели"?

#4 Vaccina

Vaccina

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

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

Отправлено 21 Август 2015 - 04:05

В main.css найдите:
#main_left h3.block-title {color: #EF7147;font-size: 185%;text-transform: capitalize;padding: 16px 0px 12px 20px;margin:0;line-height: 100%;display: block;float: left;font-weight: lighter;}

в данной строке измените значение стиля color

#5 Stas_Y

Stas_Y

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

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

Отправлено 21 Август 2015 - 05:30

Спасибо большое!)

А про рамки у товаров подскажите как убрать?!

#6 Vaccina

Vaccina

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

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

Отправлено 21 Август 2015 - 06:14

А выше не сработало изменение?

Цитата

2.В main.css найдите:
.products-grid .item-inner .product-image {border: 1px solid rgba(247,146,66,.7);height: 270px;width:270px;vertical-align: middle;display: table-cell;}
замените на:
.products-grid .item-inner .product-image {border: none;height: 270px;width:270px;vertical-align: middle;display: table-cell;}


#7 Stas_Y

Stas_Y

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

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

Отправлено 21 Август 2015 - 07:46

Сработало!)) Простите затупил((

#8 AShchuka

AShchuka

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

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

Отправлено 12 Декабрь 2015 - 17:57

Здравствуйте!
Подскажите пожалуйста,как поменять общий фон сайта на изображение или другого цвета?

#9 RayLi

RayLi

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

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

Отправлено 12 Декабрь 2015 - 18:14

Просмотр сообщенияAShchuka (12 Декабрь 2015 - 17:57) писал:

Здравствуйте!
Подскажите пожалуйста,как поменять общий фон сайта на изображение или другого цвета?

Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите следующий коды:
Первый код:

.header-content {
padding: 0;
background: #fff;
}

Второй код:

body {
background-color: #ffffff;
color: #666666;
font-family: Arial;
font-size: 12px;
line-height: 1;
outline: none;
position: relative;
}

И третий код:

#yt_wrapper .main-inner {
margin: 0 auto;
background-color: #fff;
}

В данный кодах вам нужны строчки: background-color , которые отвечают за цвет заднего фона.
Вам необходимо изменить значение в данных строках на иные ( например: background-color: #000000; )
Проверьте, пожалуйста.

#10 AShchuka

AShchuka

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

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

Отправлено 12 Декабрь 2015 - 18:24

Спасибо,получилось!)
А как сделать так,чтобы там была картинка и какого размера она должна быть?

#11 Danil

Danil

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

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

Отправлено 12 Декабрь 2015 - 19:09

Просмотр сообщенияAShchuka (12 Декабрь 2015 - 18:24) писал:

Спасибо,получилось!)
А как сделать так,чтобы там была картинка и какого размера она должна быть?
Здравствуйте.
Если вставить в качестве фона большое изображение, то это может повлиять на время загрузки сайта.
Лучше всего использовать маленькое изображение, которое потом можно будет размножить.
Пример такого изображения:bg.png

#12 AShchuka

AShchuka

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

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

Отправлено 12 Декабрь 2015 - 19:20

Хорошо,я понял
Куда надо вставлять картинку и что надо сделать,чтобы его размножить?

#13 Danil

Danil

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

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

Отправлено 12 Декабрь 2015 - 19:30

Просмотр сообщенияAShchuka (12 Декабрь 2015 - 19:20) писал:

Хорошо,я понял
Куда надо вставлять картинку и что надо сделать,чтобы его размножить?
В main.css найдите
.header-content {
padding: 0;
background: #fff;
}
и замените на
.header-content {
padding: 0;
}
так же найдите
#yt_wrapper .main-inner {
margin: 0 auto;
background-color: #fff;
}
и замените на
#yt_wrapper .main-inner {
margin: 0 auto;
}
найдите
body {
background-color: #ffffff;
color: #666666;
font-family: Arial;
font-size: 12px;
line-height: 1;
outline: none;
position: relative;
}
и замените на
body {
background: url("{ASSETS_IMAGES_PATH}НАЗВАНИЕ ИЗОБРАЖЕНИЯ С РАСШИРЕНИЕМ");
background-attachment: fixed;
background-position: center top;
color: #666666;
font-family: Arial;
font-size: 12px;
line-height: 1;
outline: none;
position: relative;
}


#14 AShchuka

AShchuka

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

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

Отправлено 12 Декабрь 2015 - 20:12

Спасибо за быстрый ответ;)




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

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