Перейти к содержанию
Форум поддержки пользователей VamShop

шапка магазина


Рекомендуемые сообщения

Подскажите пожалуйста как выровнить в одну линию

вот мой код такой

<!-- start: Header -->
    <header>  
    <div class="container">
 <div class="row">
       <div class="col-sm-5">
       <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a>
      </div>
    <div class="col-sm-5">
<form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search">
       <div class="input-group">
           <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords">
           <div class="input-group-btn">
                <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
           </div>
       </div>
       <div id="search"></div>
     </form>
      </div>
   
<a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a>
   
<a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a>
   </div>
  </div>
      </div>
  </header>
  <!-- end: Header -->

 

Screenshot-2018-3-20 Купить контрактный БУ двигатель для автомобиля - «Avto-detali-vlg» Контрактные двигатели для автомобил[...].png

Ссылка на сообщение
Поделиться на другие сайты
8 часов назад, hayeli сказал:

Подскажите пожалуйста как выровнить в одну линию

вот мой код такой

<!-- start: Header -->
    <header>  
    <div class="container">
 <div class="row">
       <div class="col-sm-5">
       <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a>
      </div>
    <div class="col-sm-5">
<form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search">
       <div class="input-group">
           <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords">
           <div class="input-group-btn">
                <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
           </div>
       </div>
       <div id="search"></div>
     </form>
      </div>
   
<a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a>
   
<a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a>
   </div>
  </div>
      </div>
  </header>
  <!-- end: Header -->

 

Screenshot-2018-3-20 Купить контрактный БУ двигатель для автомобиля - «Avto-detali-vlg» Контрактные двигатели для автомобил[...].png

Так разная высота у всех блоков, ровно не будет.

Только если телефон и обратную связь вывести в одну строку.

Наверное так, в три колонки:

<!-- start: Header -->
    <header>  
    <div class="container">
 <div class="row">
       <div class="col-sm-4">
       <a href="{base_path}/"><img src="{base_path}/img/logo.png" alt="{config value=site_name}" title="{config value=site_name}" width="236" height="67" /></a>
      </div>
    <div class="col-sm-4">
<form class="navbar-form navbar-risht" role="search" action="{base_path}/page/search-result{config value=url_extension}" method="get" id="search">
       <div class="input-group">
           <input type="text" class="form-control" placeholder="{lang}Пример U660E{/lang}" name="keyword" id="search-keywords">
           <div class="input-group-btn">
                <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>
           </div>
       </div>
       <div id="search"></div>
     </form>
      </div>
       <div class="col-sm-4">
<a href="tel:{config value=telephone}"><i class="fa fa-phone"></i> {config value=telephone}</a>
   
<a href="{base_path}/page/contact-us{config value=url_extension}"><i class="fa fa-pencil"></i> {lang}Contact Us{/lang}</a>
   </div>
  </div>
      </div>
  </header>
  <!-- end: Header -->

 

Ссылка на сообщение
Поделиться на другие сайты
1 час назад, hayeli сказал:

еще один вопрос как цвет шапки поменять?

Задать цвет в стилях /app/webroot/vamshop.css

Например можно попробовать так:

header {
	background-color: red;
}

 

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...