UGIN (09 Май 2016 - 11:01) писал:
Добрый день! Подскажите, как можно блок с преимуществами спустить вниз, между блогом и подвалом? и соответвенно растянуть по ширине сайта. А надпись под лого сдвинуть вправо на один уровень с лого. спасибо
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.logo_text {height:80px;float:left;}
.logo_text p {vertical-align:middle;line-height: 30px;margin: 15px;}
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Логотип -->
<div class="logo col-lg-3 col-md-3 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 15px;"><br>Проектная группа –
системы <br>умный дом, контроль доступа, ip домофония.
</a>
</div>
Замените на:
<!-- Логотип -->
<div class="logo col-lg-6 col-md-6 col-xs-12">
<div style="float:left;">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 15px;">
</a>
</div>
<div class="logo_text">
<p>Проектная группа – системы <br>умный дом, контроль доступа, ip домофония.</p>
</div>
</div>
Найдите и удалите код:
<!-- ТЕКСТ -->
<div class="yt-main-menu col-lg-9 col-md-9 col-xs-12">
<!-- Баннеры на главной -->
<div class="yt-bannertop">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
<div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
</div>
</li>
<li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
<div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
<div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
<div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
</div>
</li>
</ul>
</div>
</div>
<!-- /END Баннеры на главной -->
</div>
<!-- Каталог в шапке -->
</div>
Найдите код:
<!-- Основная часть подвала -->
Замените на:
<div class="footer-top">
<div class="container">
<div class="row">
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
<!-- Баннеры на главной -->
<div class="yt-bannertop">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
<div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
</div>
</li>
<li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
<div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
<div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
<div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
</div>
</li>
</ul>
</div>
</div>
<!-- /END Баннеры на главной -->
</div>
</div>
</div>
</div>
</div>