Замена Слайдера На Статичное Изображение

Добрый день!
Сайт: http://shinagruz.ru/
Вопрос: Как заменить слайдер на главной на статичное изображение.
т.е. чтобы шапка главной страницы выглядела так же как другие страницы сайта, например: http://shinagruz.ru/feedback

Заранее благодарен!

chebsalyt (07 Март 2015 - 15:28) писал:

Здравствуйте.
Изменения произвел, проверьте.
Бэкапы
07.03.2015 16:43:38 - с изменениями
07.03.2015 16:41:46 - до изменений

Danil (07 Март 2015 - 16:44) писал:

Шикарно! Примного благодарен!
Ещё один момент остался:
Как сделать чтобы высота блока изображения была такая же как на других страницах??? Идею изобразил на картинках ниже.

chebsalyt (07 Март 2015 - 17:36) писал:

Попробуйте так:
в style.css найдите код

.fluid-container {
position: relative;
height: 600px;
}

и замените на

.fluid-container {
position: relative;
height: 400px;
}

Так же найдите

.camera_wrap {
height: 600px !important;
}

и замените на

.camera_wrap {
height: 400px !important;
}

Далее в конец style.css добавьте

div#camera_wrap_1 img {
width: 100%;
height: 100%;
}

Частично сработало, НО..
1. Элементы поднялись, а картинка осталась того же размера.
2. Шапка съехала чуть левее..


p.s.: временно откатил назад. Вопрос актуален.

chebsalyt (07 Март 2015 - 17:58) писал:

1) Не вижу у вас изменений по инструкции из сообщения 4.
2) В style.css найдите код

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}

изменяйте значение 600px для регулировки положения шапки.

По большей части получил что хотел. БОЛЬШОЕ спасибо Danil'е, что помог, даже в выходной

Вообщем по 4-ому сообщению большая часть помогла, правда если сделать так, то картинка растягивается в заданных размерах и на некоторых разрешению это не есть хорошо, поэтому сделал немного по другому:

#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;}

Осталось разобраться со смещением верней части шапки, изменять значение margin-left: -600px; пробовал, но тест на разрешения экранов показывает что на разных экранах смещается по разному..

Есть у кого идеи, почему верхняя часть шапки смещается?

chebsalyt (11 Март 2015 - 08:46) писал:

Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите код:

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -595px;
}

И замените его вот этим кодом:

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -595px;
padding: 0 0 0 8px;
}

Не помогло, сразу заметно при переходе на второстепенную страницу сайт..

chebsalyt (14 Март 2015 - 00:19) писал:

chebsalyt (14 Март 2015 - 00:19) писал:

Здравствуйте.
В шаблоне html найдите код

<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 </div>
		 </div>
		<div class="clear"></div>
	  </div><!-- .fluid_container -->

и замените на

<!-- Главная страница -->
	  {% IF index_page %}

Далее в style.css найдите и удалите следующие коды

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
padding: 0 0 0 8px;
}

  .home #header {margin-left: -480px;}

  .home #header {margin-left: -384px;}

  .home #header {margin-left: -220px;}

  .home #header {margin-left: -150px;}