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


Как В Шаблоне "движение" Меняющиеся Слайды Поменять На Одну Картинку Без Движений И Уменьшить Ее Размер?


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

#41 dostypno

dostypno

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

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

Отправлено 13 Ноябрь 2014 - 04:13

Просмотр сообщенияVaccina (13 Ноябрь 2014 - 03:46) писал:

производите изменения корректней, вы допустили ошибку, в блоке:
#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg') center center;}
..home #header {
background: none;
height: auto;
margin: 0 auto;
position: relative;
text-align: left;
z-index: 1000;
}
лишняя точка, замените его на:
#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg') center center;}
.home #header {
background: none;
height: auto;
margin: 0 auto;
position: relative;
text-align: left;
z-index: 1000;
}

также в этом блоке удалите: background: url('{ASSETS_IMAGES_PATH}slide4.jpg') center center;  чтобы исчезла фоновая картинка
и удалите height: 400px; чтобы не было отступа между шапкой и слайдером
все сделал, но теперь баннер растягивается, подскажыте пожалуйста что нужно сделать, что бы баннер был под размер картинки? 365 px в высоту. Пожалуйста помогите, еще чуть чуть осталось.

#42 dostypno

dostypno

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

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

Отправлено 13 Ноябрь 2014 - 04:27

с других страниц пропала картинка в шапке(

#43 Vaccina

Vaccina

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

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

Отправлено 13 Ноябрь 2014 - 04:46

В style.css найдите:
.camera_wrap {
	height: 600px !important;
}
замените на:
.camera_wrap {
	height: 365px !important;
}

далее найдите:
.fluid-container {
	height: 600px;
	position: relative;
}
замените на:
.fluid-container {
	height: 365px;
	position: relative;
}

далее найдите в camera.css:
.camera_wrap img {
	max-width: none !important;
}
замените на:
.camera_wrap img {
	height: auto !important;
	margin-left: 0 !important;
	max-width: none !important;
	width: 100% !important;
}

далее в camera.css найдите:
.camera_caption {
	bottom: 0;
	display: block;
	font-size: 30px;
	font-style: italic;
	position: absolute;
	right: 100px;
	top: 300px;
	width: 450px;
}
замените на:
.camera_caption {
	bottom: 0;
	display: block;
	font-size: 30px;
	font-style: italic;
	position: absolute;
	right: 100px;
	width: 450px;
}

Чтобы слайдер отображался не только на главной странице в шаблоне HTML найдите:
<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap container contentText camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideA.jpg" data-src="{ASSETS_IMAGES_PATH}slideA.jpg">
			<div class="camera_caption moveFromLeft">
			  Сегодня мы дарим всем покупателям 1000 рублей! Звоните: +7(916)115-47-72			
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideB.jpg" data-src="{ASSETS_IMAGES_PATH}slideB.jpg">
			<div class="camera_caption moveFomRight">
			  НОВЫМ КЛИЕНТАМ ПОДАРОК 600 РУБЛЕЙ НА ВТОРУЮ ПОКУПКУ!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideC.jpg" data-src="{ASSETS_IMAGES_PATH}slideC.jpg">
			<div class="camera_caption moveFromLeft">
			  ПОСТОЯННЫМ КЛИЕНТАМ СКИДКА!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideD.jpg" data-src="{ASSETS_IMAGES_PATH}slideD.jpg">
			<div class="camera_caption moveFomRight">
			  ОРИГИНАЛЬНЫЕ ЧЕХЛЫ "АВТОПИЛОТ" ИЗ ЭКОКОЖИ!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideA.jpg" data-src="{ASSETS_IMAGES_PATH}slideA.jpg">
			<div class="camera_caption fadeFromLeft">
			  ГАРАНТИЯ 1 ГОД!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideB.jpg" data-src="{ASSETS_IMAGES_PATH}slideB.jpg">
			<div class="camera_caption fadeFromRight">
			  Заказав чехлы АВТОПИЛОТ у нас, Вы экономите время и 1000 рублей!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideC.jpg" data-src="{ASSETS_IMAGES_PATH}slideC.jpg">
			<div class="camera_caption fadeFromLeft">
			  Вдохните с АВТОПИЛОТ новые краски в свой салон!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideD.jpg" data-src="{ASSETS_IMAGES_PATH}slideD.jpg">
			<div class="camera_caption fadeFromRight">
			  Купи комлект чехлов АВТОПИЛОТ и получи -10% на вторую покупку!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->

	  {% ENDIF %}
замените на:
	  <div class="fluid-container">
		<div class="camera_wrap container contentText camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideA.jpg" data-src="{ASSETS_IMAGES_PATH}slideA.jpg">
			<div class="camera_caption moveFromLeft">
			  Сегодня мы дарим всем покупателям 1000 рублей! Звоните: +7(916)115-47-72			
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideB.jpg" data-src="{ASSETS_IMAGES_PATH}slideB.jpg">
			<div class="camera_caption moveFomRight">
			  НОВЫМ КЛИЕНТАМ ПОДАРОК 600 РУБЛЕЙ НА ВТОРУЮ ПОКУПКУ!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideC.jpg" data-src="{ASSETS_IMAGES_PATH}slideC.jpg">
			<div class="camera_caption moveFromLeft">
			  ПОСТОЯННЫМ КЛИЕНТАМ СКИДКА!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideD.jpg" data-src="{ASSETS_IMAGES_PATH}slideD.jpg">
			<div class="camera_caption moveFomRight">
			  ОРИГИНАЛЬНЫЕ ЧЕХЛЫ "АВТОПИЛОТ" ИЗ ЭКОКОЖИ!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideA.jpg" data-src="{ASSETS_IMAGES_PATH}slideA.jpg">
			<div class="camera_caption fadeFromLeft">
			  ГАРАНТИЯ 1 ГОД!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideB.jpg" data-src="{ASSETS_IMAGES_PATH}slideB.jpg">
			<div class="camera_caption fadeFromRight">
			  Заказав чехлы АВТОПИЛОТ у нас, Вы экономите время и 1000 рублей!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideC.jpg" data-src="{ASSETS_IMAGES_PATH}slideC.jpg">
			<div class="camera_caption fadeFromLeft">
			  Вдохните с АВТОПИЛОТ новые краски в свой салон!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slideD.jpg" data-src="{ASSETS_IMAGES_PATH}slideD.jpg">
			<div class="camera_caption fadeFromRight">
			  Купи комлект чехлов АВТОПИЛОТ и получи -10% на вторую покупку!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->





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

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