Смена Фона
#1
Отправлено 07 Март 2014 - 01:41
#2
Отправлено 07 Март 2014 - 05:20
body { background: #FFFFFF; color: #000000; line-height: 1; }измените на:
body { background: url('ссылка на фон') no-repeat center top; color: #000000; line-height: 1; }
#4
Отправлено 07 Март 2014 - 22:41
s-eye (07 Март 2014 - 11:46) писал:
Помогите еще разобраться
1 поднять слайдер
2 поменять цвет
3 залить фоновой картинкой
1.1 В шаблоне main.css замените
#module_area {width:100%;text-align:center;padding:5px 0;}на
#module_area {width:100%;text-align:center;padding:0px;}
1.2 У вас слайдер на широких экранах отображается не по центру, но приклеен к левому краю. Исправляется добавлением в main.css строки
#flexslideshow .bigPic { margin: auto;}
2. В шаблоне HTML замените строки
<div class="inner"> <div id="column-left">на такие
<div class="inner" id="main_content"> <div id="column-left">И в конец main.css добавьте
#main_content { background: #F39BA1;}здесь #F39BA1 - код цвета области сайта, включающей боковое меню и основной контент.
Цвет белой области под товарами меняется в коде в main.css
#content .box .box-content {border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); padding:20px 10px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;margin-bottom: 5px;*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;position: relative;}за цвет фона отвечает background-color:#ffffff;
3. В main.css замените
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:11px;}на
#powered {text-align: center;clear: both;padding:8px 0;background:url({ASSETS_IMAGES_PATH}bot.jpg) top center repeat-x;font-size:11px;}вместо bot.jpg впишите имя фоновой картинки, которую надо загрузить в разделе "Сайт" - "Редактор шаблонов".
#5
Отправлено 08 Март 2014 - 00:09
#7
Отправлено 08 Март 2014 - 01:19
#header_colapse .inner { background: url("http://design.s-eye.ru/inner_shadow.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important; padding: 0 0 10px; position: relative; z-index: 1000; }удалите background со значением
2.В main.css найдите примерно сл.блок:
#content .box .box-content { border-bottom: 0 solid #E1E1E1; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 5px; padding: 20px 10px; position: relative; }удалите box-shadow со значением
#8
Отправлено 08 Март 2014 - 10:20
#10
Отправлено 18 Март 2014 - 13:07
вам нужно найти в файле main.css код
.product-list, .product-list2, .product-list3, .product-list4 {padding: 10px;margin-bottom:15px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;float: left;width: 100%;box-sizing: border-box;}background-color:#ffffff; - формирует фон в каталоге, если вы удалите это правило, то у вас будет фон как на главной у новинок. Если же вы хотите загрузить изображение, тогда вам нужно загрузить его в админку,
затем вместо background-color:#ffffff;
написать background:url({ASSETS_IMAGES_PATH}название изображения.jpg); }
для различных категорий вашего каталога нужно будет сделать тоже самое только изменения будут касаться другого кода
.product-list, .product-list2, .product-list3, .product-list4 {padding: 10px;margin-bottom:15px;background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;float: left;width: 100%;box-sizing: border-box;}
#11
Отправлено 18 Март 2014 - 13:49
#12
Отправлено 21 Март 2014 - 05:45
Цитата
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:11px;}на
#powered {text-align: center;clear: both;padding:8px 0;background:url({ASSETS_IMAGES_PATH}bot.jpg) top center repeat-x;font-size:11px;}вместо bot.jpg впишите имя фоновой картинки, которую надо загрузить в разделе "Сайт" - "Редактор шаблонов".
а у меня не получается с заливкой фона... уже все перепробовал. картинка маленькая , вот такая
все сделал по пукнтам, но заливки так и не увидел. Если ставить огромную картинку, то на фоне она появляется, ко заливку не делает.
где ошибочка? Аккаунт SL-279399
#13
Отправлено 21 Март 2014 - 06:09
#15
Отправлено 27 Март 2014 - 18:00
BARON (27 Март 2014 - 17:57) писал:
В шаблоне main.css найдите код:
.box-category > ul > li > a:hover { background-color: #f1f1f1; padding: 10px 28px 10px 20px; }
и поменяйте #f1f1f1 на нужный цвет. Код цвета можно узнать, например, здесь:
#17
Отправлено 05 Апрель 2014 - 11:31
Ser (05 Апрель 2014 - 10:25) писал:
Подскажите где код смены фона в сравнении товаров??? рис приложил
Здравствуйте,
В файле "main.css".
Найти:
.compare-info tr td:first-child {color: #000000;background: #fff;}
Заменить:
.compare-info tr td:first-child {color: #000000;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных