Изменение Цветовой Гаммы
#1
Отправлено 20 Август 2015 - 22:25
1) Сделать блоки белым фоном без ромбиков, все строго
2) Убрать рамки у товаров
Рис прилагаю!
#2
Отправлено 21 Август 2015 - 02:43
/* Фон блоков */ #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
Отправлено 21 Август 2015 - 03:37
#4
Отправлено 21 Август 2015 - 04:05
#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
Отправлено 21 Август 2015 - 05:30
А про рамки у товаров подскажите как убрать?!
#6
Отправлено 21 Август 2015 - 06:14
Цитата
.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
Отправлено 21 Август 2015 - 07:46
#8
Отправлено 12 Декабрь 2015 - 17:57
Подскажите пожалуйста,как поменять общий фон сайта на изображение или другого цвета?
#9
Отправлено 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
Отправлено 12 Декабрь 2015 - 18:24
А как сделать так,чтобы там была картинка и какого размера она должна быть?
#11
Отправлено 12 Декабрь 2015 - 19:09
AShchuka (12 Декабрь 2015 - 18:24) писал:
А как сделать так,чтобы там была картинка и какого размера она должна быть?
Если вставить в качестве фона большое изображение, то это может повлиять на время загрузки сайта.
Лучше всего использовать маленькое изображение, которое потом можно будет размножить.
Пример такого изображения:
#12
Отправлено 12 Декабрь 2015 - 19:20
Куда надо вставлять картинку и что надо сделать,чтобы его размножить?
#13
Отправлено 12 Декабрь 2015 - 19:30
AShchuka (12 Декабрь 2015 - 19:20) писал:
Куда надо вставлять картинку и что надо сделать,чтобы его размножить?
.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
Отправлено 12 Декабрь 2015 - 20:12
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных