Прошу помощи в переносе шапки с другого сайта. Как перенести ?

CAPS7 21.02.2018 css, html Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS) 1028

вопрос

Здравствуйте! Подскажите как взять с сайта код шапки в месте с css и html

Ссылка на сайт где можно пощупать исходный код

Ответа пока нет

1 комментарий

Юзер

Shnapik - 2018-02-0721 февраля 2018 23:54 - #67595

Открываем исходный код, берем ту часть что нам нужна, вкидываем её у себя. Далее пробегаемся по скриптам (если есть) и стилям, что отвечают за дизайн этого элемента... Выдергиваем и дополняем все у себя. Картинки заливаем к себе, если таковые имеются. Форму поиска меняем на свою, если нет, пишем свою и вживляем. Вот собственно и все вроде бы, достаточно все просто.

Вот этот код, выдернул на скорую руку, думаю если что пропустил или лишнее оставил, разберетесь как убрать. Стили думаю вполне сможете взять сами. Исходный код тут поможет я думаю + поиск по нему (поиск по стилям).

Показать / Скрыть текст


                            <section id="sp-top-bar"><div class="container"><div class="row"><div id="sp-top1" class="col-xs-12 col-sm-4 col-md-4 hidden-xs"><div class="sp-column "><div class="sp-module "><div class="sp-module-content">

<div class="custom">
	<div><i class="fa fa-map-marker"></i><a href="https://yandex.by/maps/157/minsk/?mode=search&amp;text=Овен-Техно,%20Беларусь,%20Минск,%201-й%20Наклонный%20переулок,%202&amp;sll=27.561831,53.902257&amp;sspn=0.517044,0.172132&amp;ll=27.655893,53.882582&amp;z=17" target="_blank" rel="noopener noreferrer"><span style="font-size: 90%;">   220137, г. Минск, 1-й Наклонный переулок, д.2</span></a></div></div>
</div></div></div></div><div id="sp-position1" class="col-sm-4 col-md-4 hidden-sm hidden-xs"><div class="sp-column "><div class="sp-module "><div class="sp-module-content">

<div class="custom">
	<div><strong>Время работы:</strong> ПН-ЧТ 9.00-17.00 ПТ 9.00-16.00</div>
</div>
</div></div></div></div><div id="sp-top2" class="col-xs-12 col-sm-4 col-md-4 hidden-xs"><div class="sp-column "><ul class="sp-contact-info"><li class="sp-contact-email"><i class="fa fa-envelope"></i> <a href="mailto:owen.by@tut.by">owen.by@tut.by</a></li></ul></div></div></div></div></section><section id="sp-top"><div class="container"><div class="row"><div id="sp-logo" class="col-xs-12 col-sm-12 col-md-4"><div class="sp-column "><div class="logo"><a href="/"><img class="sp-default-logo" src="/images/owen/logo.png" alt="owen"></a></div></div></div><div id="sp-top3" class="col-xs-12 col-sm-12 col-md-6"><div class="sp-column "><div class="sp-module search-home"><div class="sp-module-content">
<div id="offlajn-ajax-search113">
  <div class="offlajn-ajax-search-container">
    <form id="search-form113" action="/component/virtuemart/search.html" method="get" onsubmit="return false;">
    <div class="offlajn-ajax-search-inner">
                <input type="text" name="keyword" id="search-area113" value="" autocomplete="off" class="search-caption-on">
        <input type="text" name="searchwordsugg" id="suggestion-area113" value="" autocomplete="off">
        <!--<input type="hidden" name="option" value="com_virtuemart" />
        <input type="hidden" name="page" value="shop.browse" />
        <input type="hidden" name="view" value="category" />     -->
              <div id="search-area-close113"></div>
      <div id="ajax-search-button113"><div class="magnifier"></div></div>
      <div class="ajax-clear"></div>
    </div>
  </form>
  <div class="ajax-clear"></div>
  </div>
    </div>
<div class="ajax-clear"></div>
<svg style="position:absolute" height="0" width="0"><filter id="searchblur"><feGaussianBlur in="SourceGraphic" stdDeviation="3"></feGaussianBlur></filter></svg>
</div></div></div></div><div id="sp-phones" class="col-xs-12 col-sm-12 col-md-2"><div class="sp-column "><div class="sp-module "><div class="sp-module-content">

<div class="custom">
	<p style="text-align: center; min-width: 165px;"><span style="font-size: 12pt;">+375 17</span> <span style="font-size: 16pt;">328 06 49</span><br> <span style="font-size: 12pt;">+375 17</span> <span style="font-size: 16pt;">328 03 88</span><br> <span style="font-size: 12pt;">+375 29</span> <span style="font-size: 16pt;">395 49 04</span></p></div>
</div></div></div></div></div></div></section><div class="nav-placeholder" style="height: inherit;"></div><header id="sp-header" class="animated menu-fixed-out"><div class="container"><div class="row" style="position: relative;"><div id="sp-menu" class="col-xs-12 col-sm-12 col-md-12" style="position: static;"><div class="sp-column ">			<div class="sp-megamenu-wrapper">
				<a id="offcanvas-toggler" class="visible-sm visible-xs" href="#">Меню сайта&nbsp;<i class="fa fa-bars"></i></a>
				<ul class="sp-megamenu-parent menu-fade hidden-sm hidden-xs"><li class="sp-menu-item current-item active"><a href="/">Главная</a></li><li class="sp-menu-item"><a href="/produktsiya.html">Продукция</a></li><li class="sp-menu-item"><a href="/novosti.html">Новости</a></li><li class="sp-menu-item"><a href="/price-list.html">Прайс-лист</a></li><li class="sp-menu-item"><a href="/akcii.html">Акции</a></li><li class="sp-menu-item"><a href="/kontakty.html">Контакты</a></li></ul>			</div>
		</div></div></div></div></header>