Ксюша (23 Сентябрь 2014 - 17:56) писал:
Все замечательно выходит, спасибо Вам Большое Человеческое))
Осталось убрать Карусель-шапку совсем, и соединить новую шапку с новым горизонтальным меню.
В style.css найдите код:
.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -585px;
}
замените на:
.home #header {
height: auto;
text-align: left;
position: relative;
background: none;
z-index: 1000;
}
а код:
.nav-container {
background: url("http://kosmetika-bel.storeland.net/logo.png");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 520px;
z-index: 10;
}
замените на:
.nav-container {
background: url("http://kosmetika-bel.storeland.net/logo.png");
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
margin-top: 235px;
z-index: 10;
}
Далее в шаблоне HTML найдите код:
<!-- Главная страница -->
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
</div><!-- #camera_wrap_1 -->
<div class="clear"></div>
</div><!-- .fluid_container -->
{% ENDIF %}
и замените его на:
<!-- Главная страница -- >
{% IF index_page %}
<div class="fluid-container">
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption moveFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
<div class="camera_caption moveFomRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
<div class="camera_caption fadeFromLeft">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
<div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
<div class="camera_caption fadeFromRight">
Мечты становятся реальностью, когда мысли превращаются в действия!
</div>
</div>
</div><!-- #camera_wrap_1 -- >
<div class="clear"></div>
</div><!-- .fluid_container -- >
{% ENDIF %}
-->