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

[andreymonk]

здравствуйте,подскажите пожалуйста, как сделать следующее:

1. убрать нифритовую полосу меню сверху, а все элементы меню переместить на белую полосу с лого.
2. чтобы кнопка меню "каталог" при наведении раскрывалась на категории

[Alekseys]

andreymonk (20 Февраль 2015 - 13:01) писал:

здравствуйте,подскажите пожалуйста, как сделать следующее:

1. убрать нифритовую полосу меню сверху, а все элементы меню переместить на белую полосу с лого.
2. чтобы кнопка меню "каталог" при наведении раскрывалась на категории

777.jpg

Здравствуйте. В шаблоне HTML перенесите

<ul class="nav navbar-nav left">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>

поставив данный код после

<div class="collapse navbar-collapse">

затем в main.css замените

.header .primary .navbar .navbar-collapse {
padding: 0;
position: relative;
}

на

.header .primary .navbar .navbar-collapse {
padding: 0;
position: relative;
width: 700px;
}

и в конец main.css добавьте

.nav.navbar-nav.left a:hover {
background: #fff;
border-color: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}

[andreymonk]

ничего не изменилось(

[Alekseys]

andreymonk (20 Февраль 2015 - 16:04) писал:

ничего не изменилось(

Вы не правильно выполнили инструкцию. В шаблоне HTML удалите перед

<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->

код

<ul class="nav navbar-nav left">
										  {% FOR menu %}
												{% FOR header %}
												  {% FOR links %}
														<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
												  {% ENDFOR %}
												{% ENDFOR %}
										  {% ENDFOR %}
										</ul>
										<div class="collapse navbar-collapse">

затем перенесите

<ul class="nav navbar-nav left">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>

поставив после

<div class="collapse navbar-collapse">

[Ирина345]

andreymonk (20 Февраль 2015 - 16:04) писал:

ничего не изменилось(

Здравствуйте, найдите в hTML

 <ul class="nav navbar-nav left">
										  {% FOR menu %}
												{% FOR header %}
												  {% FOR links %}
														<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
												  {% ENDFOR %}
												{% ENDFOR %}
										  {% ENDFOR %}
										</ul>

                                       и переместите после кода

 <!-- END Логотип -->
				
				<!--  Центральная часть шапки  -->
				<div class="col-xs-6 col-md-10 col-lg-10 right-box">

[andreymonk]

Вот что получилось

Ирина345 (20 Февраль 2015 - 17:15) писал:

Здравствуйте, найдите в hTML

<ul class="nav navbar-nav left">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>

   и переместите после кода

<!-- END Логотип -->

<!-- Центральная часть шапки -->
<div class="col-xs-6 col-md-10 col-lg-10 right-box">

Не находит в HTML тег <ul class="nav navbar-nav left">

[Alekseys]

andreymonk (20 Февраль 2015 - 17:22) писал:

Вот что получилось
45678.jpg



Не находит в HTML тег <ul class="nav navbar-nav left">

Здравствуйте. Вы не правильно выполнили инструкции. Восстановите бэкап и выполните инструкции по новой.

[andreymonk]

Alekseys (20 Февраль 2015 - 17:35) писал:

Здравствуйте. Вы не правильно выполнили инструкции. Восстановите бэкап и выполните инструкции по новой.

Уже лучше.
Теперь нужно скрыть категории товаров, что под меню теперь встали. А сделать их, раскрывающимся списком кнопки "Каталог".
То есть, при наведении на кнопку меню "каталог" выпадет список категорий товаров.

[andreymonk]

ап

[andreymonk]

еще вопрос интересует, как сместить в центр оба меню??

то есть чтобы мне зависимости от количество элементов, они ориентированы были по центру, а не по левому краю, как сейчас?))

[Vaccina]

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

.navbar-nav > li {
	float: left;
}

замените на:

.navbar-nav > li {
	display: inline-block;
}

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

.header .primary .navbar .navbar-collapse {
	padding: 0;
	position: relative;
}

замените на:

.header .primary .navbar .navbar-collapse {
	padding: 0;
	position: relative;
	text-align: center;
}

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

.navbar-nav {
	float: left;
	margin: 0;
}

замените на:

.navbar-nav {
	float: none;
	margin: 0 auto !important;
}