Сообщений в теме: 10

[villygarden]

Доброго времени суток, добрался до шапки сайта, и немного не могу понять, как сделать что бы верхнее меню не ездило,

Еще лучше если вы подскажете как создать блоки в шапке, чтоб получилось все как я хочу,

итог

При скролинге, чтоб меню оставалось

спасибо!

[Vaccina]

В main.css найдите:

.fixed-header .header {
	left: 0px;
	margin-top: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 80;
	width: auto;
}

замените на:

.fixed-header .header {
	left: 0px;
	margin-top: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 80;
	width: auto;
}

В шаблоне HTML найдите:

 <div class="navbar navbar-inverse top-navbar top-navbar-left">
				  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
<div class="collapse collapsing navbar-collapse">
					<ul class="nav navbar-nav left">

замените на:

<div class="navbar navbar-inverse top-navbar top-navbar-left">
<div style="color: rgb(255, 255, 255); padding-top: 5px;" class="left contacts">
<span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>
<span>Email: 123</span>
</div>
				  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
<div class="collapse collapsing navbar-collapse">
					<ul class="nav navbar-nav right">

[villygarden]

Спасибо, меню перестало выезжать!
Теперь не могу поменять местами менюшки, и добавить по середине еще пространство, для размещения в нем нужного мне контента

[Vaccina]

В main.css найдите:

.fixed-header .header {
	left: 0px;
	margin-top: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 80;
	width: auto;
}

замените на:

.fixed-header .header {
	margin-top: 0px;
	position: relative;
	width: auto;
}

далее найдите:

.fixed-header.hidden-top .page-box {
	padding-top: 3px;
}

замените на:

.fixed-header.hidden-top .page-box {
	padding-top: 0px !important;
}

В шаблоне HTML найдите:

<!-- Шапка-->
		<div class="header">
		  <div class="header-wrapper">
			<div class="container">
			  <div class="row">
				<!-- Логотип -->
				<div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
					<img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				  </a>
				</div>
				<!-- END Логотип -->

перед ним вставьте:

<div class="header_center">
необходимая вам информация
</div>

[villygarden]

Vaccina (19 Сентябрь 2015 - 02:20) писал:

В main.css найдите:

.fixed-header .header {
left: 0px;
margin-top: 0px;
position: absolute;
right: 0px;
top: 0px;
z-index: 80;
width: auto;
}

замените на:

.fixed-header .header {
margin-top: 0px;
position: relative;
width: auto;
}

далее найдите:

.fixed-header.hidden-top .page-box {
padding-top: 3px;
}

замените на:

.fixed-header.hidden-top .page-box {
padding-top: 0px !important;
}

В шаблоне HTML найдите:

<!-- Шапка-->
	 <div class="header">
		 <div class="header-wrapper">
		 <div class="container">
			 <div class="row">
			 <!-- Логотип -->
			 <div class="col-xs-6 col-md-2 col-lg-2 logo-box">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="logo">
				 <img src="{ASSETS_IMAGES_PATH}logo.png?design=jade" alt="{SETTINGS_STORE_NAME}"/>
				 </a>
			 </div>
			 <!-- END Логотип -->

перед ним вставьте:

<div class="header_center">
необходимая вам информация
</div>

Все получилось, спасибо!

[villygarden]

Подскажите пожалуйста еще:
не могу поставить иконку инстаграма

Стандартная иконка я так понял вообще отсутствует, загрузил не стандартную

{ASSETS_IMAGES_PATH}instagram.png

Как мне ее можно отобразить в кружочке на скриншоте

[villygarden]

villygarden (20 Сентябрь 2015 - 09:06) писал:

Подскажите пожалуйста еще:
не могу поставить иконку инстаграма
Без имени-4.png
Стандартная иконка я так понял вообще отсутствует, загрузил не стандартную

{ASSETS_IMAGES_PATH}instagram.png

Как мне ее можно отобразить в кружочке на скриншоте

Разобрался как, подскажите можно ли менять цвет у добавленной картинки?

[Cupuyc]

villygarden (20 Сентябрь 2015 - 12:29) писал:

Разобрался как, подскажите можно ли менять цвет у добавленной картинки?

Здравствуйте, для этого необходимо сохранить на своём компьютере, отредактировать в любом графическом редакторе и заменить в админ. панели картинку "instagram.png".

[villygarden]

Cupuyc (20 Сентябрь 2015 - 12:34) писал:

Здравствуйте, для этого необходимо сохранить на своём компьютере, отредактировать в любом графическом редакторе и заменить в админ. панели картинку "instagram.png".

спасибо!
а если добавить, *.ico? возможно ли окрасить путем css?

[Alekseys]

villygarden (20 Сентябрь 2015 - 12:39) писал:

спасибо!
а если добавить, *.ico? возможно ли окрасить путем css?

Здравствуйте. Окрашивать можно фон любых изображений с помощью css, если фон самой картинки прозрачен, цсет самой картинки посредством стилей изменить нельзя, это делается только в графическом редакторе.

[villygarden]

Alekseys (20 Сентябрь 2015 - 13:43) писал:

Здравствуйте. Окрашивать можно фон любых изображений с помощью css, если фон самой картинки прозрачен, цсет самой картинки посредством стилей изменить нельзя, это делается только в графическом редакторе.

спасибо)