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


Смена Фона


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

#1 s-eye

s-eye

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

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

Отправлено 07 Март 2014 - 01:41

как поменять фон со стандартного белого на картинку?

#2 Vaccina

Vaccina

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

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

Отправлено 07 Март 2014 - 05:20

В main.css найдите:
body {
	background: #FFFFFF;
	color: #000000;
	line-height: 1;
}
измените на:
body {
	background: url('ссылка на фон') no-repeat center top;
	color: #000000;
	line-height: 1;
}


#3 s-eye

s-eye

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

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

Отправлено 07 Март 2014 - 11:46

Спасибо получилось.
Помогите еще разобраться
1 поднять слайдер
2 поменять цвет
3 залить фоновой картинкой

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

  • Безымянный.png
  • Безымянный2.png
  • Безымянный1.png


#4 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 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 s-eye

s-eye

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

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

Отправлено 08 Март 2014 - 00:09

Благодарю, все получилось

#6 s-eye

s-eye

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

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

Отправлено 08 Март 2014 - 00:29

Еще два вопроса
1 как убрать затемнение в середине шапки, сделать все однотонным
2 убрать тени

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

  • Безымянный.png
  • Безымянный12.png


#7 Vaccina

Vaccina

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

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

Отправлено 08 Март 2014 - 01:19

1. В main.css найдите примерно сл.блок:
#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 s-eye

s-eye

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

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

Отправлено 08 Март 2014 - 10:20

Благодарю, немножко сделал по другому, и получилось то что хотел. Спасибо что помогли найти нужные блоки

#9 s-eye

s-eye

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

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

Отправлено 18 Март 2014 - 12:34

Добрый день. Подскажите еще как заменить белый фон на свою картинку в каталоге и категориях товара.

Аккаунт SL-271156

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

  • Безымянный.jpg


#10 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 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 s-eye

s-eye

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

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

Отправлено 18 Март 2014 - 13:49

Благодарю, все ОК

#12 gesha81

gesha81

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 129 сообщений
  • ГородЧита

Отправлено 21 Март 2014 - 05:45

Цитата

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 впишите имя фоновой картинки, которую надо загрузить в разделе "Сайт" - "Редактор шаблонов".

а у меня не получается с заливкой фона... уже все перепробовал. картинка маленькая , вот такая Изображение
все сделал по пукнтам, но заливки так и не  увидел. Если ставить огромную  картинку, то на фоне она появляется, ко  заливку не делает.
где ошибочка?  Аккаунт SL-279399

#13 Vaccina

Vaccina

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

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

Отправлено 21 Март 2014 - 06:09

В строке, где вы меняли фон смените no-repeat на repeat

#14 BARON

BARON

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

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

Отправлено 27 Март 2014 - 17:57

Вопрос на картинке

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

  • меню аккардион.jpg


#15 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 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 на нужный цвет. Код цвета можно узнать, например, здесь:
Скрытый текст


#16 Ser

Ser

    Продвинутый пользователь

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

Отправлено 05 Апрель 2014 - 10:25

Добрый день.

Подскажите где код смены фона в сравнении товаров??? рис приложил

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

  • Фон сравнения товаров.jpg


#17 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 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;}


#18 Ser

Ser

    Продвинутый пользователь

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

Отправлено 06 Апрель 2014 - 16:03

Просмотр сообщенияCastiel (05 Апрель 2014 - 11:31) писал:

Здравствуйте,

В файле "main.css".
Найти:
.compare-info tr td:first-child {color: #000000;background: #fff;}

Заменить:
.compare-info tr td:first-child {color: #000000;}



Код вел фон не изменился???

#19 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 06 Апрель 2014 - 16:58

Просмотр сообщенияSer (06 Апрель 2014 - 16:03) писал:

Код вел фон не изменился???
Сейас все отображается корректно, попробуйте почистить кэш вашего браузера.

#20 Ser

Ser

    Продвинутый пользователь

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

Отправлено 06 Апрель 2014 - 21:48

Да точно, спасибо.

Просмотр сообщенияAlexey11 (06 Апрель 2014 - 16:58) писал:

Сейас все отображается корректно, попробуйте почистить кэш вашего браузера.





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

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