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


Общий Фон Для Всего Сайта

фон

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

#21 vadimchik

vadimchik

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

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

Отправлено 24 Декабрь 2013 - 17:00

Спасибо за оперативную работу

#22 peranja822

peranja822

    Новичок

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

Отправлено 25 Декабрь 2013 - 10:13

Просмотр сообщенияСake (05 Декабрь 2013 - 01:43) писал:

Фон можно зафиксировать. Вставить фон вы можете следующим образом - в файл стилей main.css добавьте

body {
background: url("{ASSETS_IMAGES_PATH}bg.png") no-repeat fixed left top !important;
}
#headerWrap,
#contentWrap,
#footer {
background: none !important;
}
#content {
background: #FFFFFF;
}

после загрузите изображение фона bg.png в разделе редактора тем.


Подскажите, пожалуйста, а как растянуть фон на всю страницу? Шаблон Мокко. У меня он только посередине отобразился. Аккаунт SL-257070. И если можно, подскажите, а можно как-то картинке прописать свойство растягиваться и сжиматься под размер блока. Например боковое левое меню. Хочется фоном запихнуть картинку, и чтобы она автоматически сжалась, а не обрезалась. Возможно такое?/

#23 Castiel

Castiel

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

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

Отправлено 25 Декабрь 2013 - 10:31

Просмотр сообщенияperanja822 (25 Декабрь 2013 - 10:13) писал:

Подскажите, пожалуйста, а как растянуть фон на всю страницу? Шаблон Мокко. У меня он только посередине отобразился. Аккаунт SL-257070. И если можно, подскажите, а можно как-то картинке прописать свойство растягиваться и сжиматься под размер блока. Например боковое левое меню. Хочется фоном запихнуть картинку, и чтобы она автоматически сжалась, а не обрезалась. Возможно такое?/

Ваша картинка слишком мала для того, чтобы она красиво растянулась на весь экран.

Но если все же вы хотите это сделать, то находим
body {
background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat fixed left top !important;
}

Заменяем на
body {
background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat;
-webkit-background-size: 100%;
-o-background-size: 100%;
-moz-background-size: 100%;
-ms-background-size: 100%;
-khtml-background-size: 100%;
background-size: 100%;
}

Если вы поставите картинку подходящего размера 1200х2400 то фон у вас будет хорошо смотреться

#24 peranja822

peranja822

    Новичок

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

Отправлено 25 Декабрь 2013 - 11:56

Просмотр сообщенияCastiel (25 Декабрь 2013 - 10:31) писал:

Ваша картинка слишком мала для того, чтобы она красиво растянулась на весь экран.

Но если все же вы хотите это сделать, то находим
body {
background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat fixed left top !important;
}

Заменяем на
body {
background: url("http://handmadegifts.storeland.net/74924968.jpg") no-repeat;
-webkit-background-size: 100%;
-o-background-size: 100%;
-moz-background-size: 100%;
-ms-background-size: 100%;
-khtml-background-size: 100%;
background-size: 100%;
}

Если вы поставите картинку подходящего размера 1200х2400 то фон у вас будет хорошо смотреться

У меня почему-то все равно не растянулась :( А если ставлю 1200х2400, то только часть картинки влазит. И еще какая-то белая полоса появилась сверху

Сообщение отредактировал peranja822: 25 Декабрь 2013 - 11:58


#25 Castiel

Castiel

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

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

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

Просмотр сообщенияperanja822 (25 Декабрь 2013 - 11:56) писал:

У меня почему-то все равно не растянулась :( А если ставлю 1200х2400, то только часть картинки влазит. И еще какая-то белая полоса появилась сверху

Ваше изображение не подходит, так как оно маленькое. Белые полосы появились потому что вы увеличили размер рамки изображения, а не само изображение. Рекомендуем вам использовать фоновое изображение размерами 1200х2000 .

#26 Castiel

Castiel

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

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

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

Воспользуйтесь этим фоном

#27 peranja822

peranja822

    Новичок

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

Отправлено 25 Декабрь 2013 - 12:44

Спасибо, фон поставился все-таки. И белая полоса убралась сверху. А можно как-то уменьшить ширину подвала? как опустить его весь пониже

#28 Castiel

Castiel

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

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

Отправлено 25 Декабрь 2013 - 12:48

Вот как отображается ваш сайт на большом экране.

Используйте другое изображение для фона.

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

  • fon1.png


#29 Z_Mc

Z_Mc

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

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

Отправлено 15 Февраль 2014 - 15:06

del
сам разобрался

#30 Z_Mc

Z_Mc

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

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

Отправлено 15 Февраль 2014 - 17:01

а теперь при изменении размера окна или нажатии "свернуть в окно" едет дизайн
фон остаётся, а отступ слева пропадает
и получается, что тень слева как полоса посредине окна

можно это как-то исправить? или придётся вернуть всё назад, без боковых теней?

шаблон "Мокко"

#31 Alexey11

Alexey11

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

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

Отправлено 16 Февраль 2014 - 09:27

Здравствуйте, шаблон мокко не является адаптивным.

#32 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 17 Февраль 2014 - 22:48

Аккаунт SL-259171

Добрый день.
У меня почему то сам поменялся фон в шаблоне "Товар". Раньше он был белый.

фон белый.jpg

Теперь же поменялся на фон из шапки сайта.

фон из шапки.jpg

Как вернуть опять белый фон?
Спасибо.

#33 Сake

Сake

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

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

Отправлено 18 Февраль 2014 - 01:04

В вашем шаблоне "Товар" присутствует синтаксическая ошибка html, в результате чего рушиться структура вложенных блоков. Вам необходимо восстановить последнюю (корректную) резервную копию вашего шаблона. Восстановить резервную копию можно в разделе редактора шаблонов.

#34 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

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

Я пробовал восстановить на семь шагов назад (03.02.2014 23:14:52). Не помогает.
Причем это случилось когда я редактировал "виды доставки", хотя это наверное не влияет на страницу товара, а шаблоны не трогал.

#35 Сake

Сake

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

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

Отправлено 19 Февраль 2014 - 01:54

В вашем шаблоне "Товар" несколько ошибок. Первая ошибка в блоке

<!-- Блок информации по акции действующей на товар, если таковая есть -->
								  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
									<tr>
										  <td class="goodsDataMainDiscountBlock" colspan="2">
											<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
												  <!-- Акция на товар -->
												  <strong>Товар участвует в акции &laquo;<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>&raquo;.</strong><br />
												  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
											</div>
										  </td>
									</tr>
								  {% ENDIF %}

В данном случае код подразумевает таблицу, хотя он вставлен в список <ul>. Замените код на

<!-- Блок информации по акции действующей на товар, если таковая есть -->
								  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
								   <table>
									<tr>
										  <td class="goodsDataMainDiscountBlock" colspan="2">
											<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
												  <!-- Акция на товар -->
												  <strong>Товар участвует в акции &laquo;<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>&raquo;.</strong><br />
												  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
											</div>
										  </td>
									</tr>
								  </table>
								  {% ENDIF %}

Вторая ошибка в перенесенном блоке доставки

<!-- Условия доставки -->
				 <div class="block">
						 <div class="delivery fnt12n txtalgnlft">
						 <p class="fnt12b">												 
						 </p>
						 <!-- Способ -->
						 {% FOR goods_delivery %}					   
								 <div class="variant">						
								 <div class="title fnt12b" rel="{goods_delivery.ID}
															  
															   ">
															  
															  
															   О доставке товара:										
								 </div>
								 <div class="info"C
										 {goods_delivery.DESC}
								 </div>
								 {% IF goods_delivery.rules_empty %}
										 <div class="delivmoney fnt11i">
										
										 </div>
								 {% ELSE %}
										 <div class="delivmoney fnt11i">
										 Стоимость доставки зависит от суммы заказа:
										 </div>
										 <div class="history" style="padding:0;">
										 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
										 <tr class="title">
												 <td>
												 Для заказов больше
												 </td>
												 <td width="30%">
												 Стоимость
												 </td>
										 </tr>
										 {% FOR rules %}
												 <tr class="delivery">
												 <td class="txtalgnlft">
														 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
												 </td>
												 <td class="last">
														 {goods_delivery.rules.PRICE | money_format}
												 </td>
												 </tr>
										 {% ENDFOR %}
										 <tr class="delivery">
												 <td class="old txtalgnlft fnt10n">
												 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
												 </td>
												 <td class="last">
												 {goods_delivery.PRICE | money_format}
												 </td>
										 </tr>
										 </table>
										 </div>
								 {% ENDIF %}
								 </div>
						 {% ENDFOR %}
						 <!-- Способ-Конец -->
						 </div>
				 </div>
				 <!-- Условия доставки-Конец -->

В данном случае тег <div> обрезан

<div class="info"C
										 {goods_delivery.DESC}
								 </div>

замените весь блок на

<!-- Условия доставки -->
				 <div class="block">
						 <div class="delivery fnt12n txtalgnlft">
						 <p class="fnt12b">												 
						 </p>
						 <!-- Способ -->
						 {% FOR goods_delivery %}					   
								 <div class="variant">						
								 <div class="title fnt12b" rel="{goods_delivery.ID}">О доставке товара:</div>
								 <div class="info">
										 {goods_delivery.DESC}
								 </div>
								 {% IF goods_delivery.rules_empty %}
										 <div class="delivmoney fnt11i">
										
										 </div>
								 {% ELSE %}
										 <div class="delivmoney fnt11i">
										 Стоимость доставки зависит от суммы заказа:
										 </div>
										 <div class="history" style="padding:0;">
										 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
										 <tr class="title">
												 <td>
												 Для заказов больше
												 </td>
												 <td width="30%">
												 Стоимость
												 </td>
										 </tr>
										 {% FOR rules %}
												 <tr class="delivery">
												 <td class="txtalgnlft">
														 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
												 </td>
												 <td class="last">
														 {goods_delivery.rules.PRICE | money_format}
												 </td>
												 </tr>
										 {% ENDFOR %}
										 <tr class="delivery">
												 <td class="old txtalgnlft fnt10n">
												 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
												 </td>
												 <td class="last">
												 {goods_delivery.PRICE | money_format}
												 </td>
										 </tr>
										 </table>
										 </div>
								 {% ENDIF %}
								 </div>
						 {% ENDFOR %}
						 <!-- Способ-Конец -->
						 </div>
				 </div>
				 <!-- Условия доставки-Конец -->


#36 artem.v

artem.v

    Новичок

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

Отправлено 24 Май 2014 - 22:53

Все представленные вами коды на вопрос "Как изменить фон сайта" не находятся через Ctrl+F и отсутствуют в коде. Поэтому, пожалуйста, ещё раз для меня и поподробнее - Как, всё-таки изменить фон сайта на свой??
Спасибо

#37 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Май 2014 - 10:15

Просмотр сообщенияartem.v (24 Май 2014 - 22:53) писал:

Все представленные вами коды на вопрос "Как изменить фон сайта" не находятся через Ctrl+F и отсутствуют в коде. Поэтому, пожалуйста, ещё раз для меня и поподробнее - Как, всё-таки изменить фон сайта на свой??
Спасибо
Здравствуйте, укажите свой аакаунт
Вам нужно найти в main.css найти

#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}
заменяем на
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background: #456734;}
меняете значение background: #456734; меняете цвет

#38 artem.v

artem.v

    Новичок

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

Отправлено 26 Май 2014 - 00:28

Просмотр сообщенияИрина345 (25 Май 2014 - 10:15) писал:

Здравствуйте, укажите свой аакаунт
Вам нужно найти в main.css найти

#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;}
заменяем на
#container {width: 100%;margin-left: auto;margin-right: auto;text-align: left;background: #456734;}
меняете значение background: #456734; меняете цвет

Аккаунт SL-293667. Фон необходимо изменить на бесшовное изображение.
И ещё вопрос: Как изменить размер слайдов в теме Весна? При добавлении своего изображения меньшего размера, оно увеличивается во весь экран.

Сообщение отредактировал artem.v: 26 Май 2014 - 01:40


#39 Vaccina

Vaccina

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

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

Отправлено 27 Май 2014 - 00:23

Вместо:
background: #456734;
пропишите:
background: url('ссылка на фон') repeat left top;

Размеры стандартных слайдов в теме Весна: 1920х550px

#40 bousn

bousn

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

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

Отправлено 04 Июнь 2014 - 02:52

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

  • Фон для сайта.jpg
  • Фон для сайта.jpg






Темы с аналогичным тегами фон

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

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