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


staspl

Регистрация: 04 февр. 2014
Offline Активность: 06 нояб. 2016 18:32
-----

#128900 Фон

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

Просмотр сообщенияstaspl (23 Март 2014 - 13:38) писал:

Здравствуйте. Как сделать что бы своя картинка на фоне под соответствующее разрешение экрана растягивалась или сужалась? Картинка разрешением 1920х1080
Здравствуйте.

В разделе "Сайт"->"Редактор Шаблонов" в шаблоне "main.css" замените код
body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}
на такой
body { background:url({ASSETS_IMAGES_PATH}fon3.jpg) center top no-repeat fixed; background-size: 100% auto; font: 100%/1.4 Tahoma, Geneva, sans-serif; margin:0;padding:0;color:#000;}

Здесь за размер фоновой картинки отвечает
background-size: 100% auto;
100% - растяжение картинки по ширине на весь экран, auto - соответствующее растяжение по высоте так, чтобы сохранились пропорции изображения. Вместо auto также можно задать 100% - будет растягиваться и по высоте на весь экран.


#120082 Как Убрать Пустое Место?

Отправлено Castiel на 05 Февраль 2014 - 20:55

Просмотр сообщенияstaspl (05 Февраль 2014 - 17:59) писал:

Понял. Пустое место можно занять характеристикой товара (в данном случае системными требованиями для игры). Если есть такая возможность,то подскажите как поднять описание,а под фото вставить характеристики. Заранее спасибо!)

Данную информацию можно вывести через характеристики, вам необходимо будет заполнить все необходимые характеристики как системные требования.

Редактируем шаблон Товары
Находим и вырезаем
  <!-- Характеристики -->
  {% IFNOT goods_features_empty %}
	<div class="headline" style="background:none; margin:10px;">
	  <div class="h1static clear">
		<h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
	  </div>
	</div>
	<div class="padd">
	  <table cellpadding="0" cellspacing="0" width="100%" class="charactir fnt12n txtalgnlft padd">
	  {% FOR goods_features%}
		<tr>
		  <td class="fnt12b" width="50%">
			{goods_features.NAME}
		  </td>
		  <td>
			{goods_features.VALUE}
		  </td>
		</tr>
	  {% ENDFOR %}
	  </table>
	</div>
  {% ENDIF %}
  <!-- Характеристики-Конец -->

Находим
			<!-- Блок описания модификации -->
			<div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			  <div class="delivery fnt12n txtalgnlft">
				<div class="variant">
				  <div class="info">{GOODS_MOD_DESCRIPTION}</div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <div class="clear"></div>
	</div>
  </form>

Заменяем на
			  <!-- Блок описания модификации -->
			<div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			  <div class="delivery fnt12n txtalgnlft">
				<div class="variant">
				  <div class="info">{GOODS_MOD_DESCRIPTION}</div>
				</div>
			  </div>
			</div>
		  </div>
   
	  <!-- Характеристики -->
  {% IFNOT goods_features_empty %}
	<div class="headline" style="background:none; margin:10px;">
	  <div class="h1static clear">
		<h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
	  </div>
	</div>
	<div class="padd">
	  <table cellpadding="0" cellspacing="0" width="100%" class="charactir fnt12n txtalgnlft padd">
	  {% FOR goods_features%}
		<tr>
		  <td class="fnt12b" width="50%">
			{goods_features.NAME}
		  </td>
		  <td>
			{goods_features.VALUE}
		  </td>
		</tr>
	  {% ENDFOR %}
	  </table>
	</div>
  {% ENDIF %}
  <!-- Характеристики-Конец -->
   
		</div>
	  </div>
	  <div class="clear"></div>
	</div>
  </form>