Перейти к содержимому


Меню

меню шаблон инфинити

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 11 Май 2016 - 08:50

Подскажите пожалуйста как перенести меню которое внизу страницы на самый верх и что бы оно было статичным как каталог который сбоку

#2 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 11 Май 2016 - 14:21

Просмотр сообщенияDanil1990 (11 Май 2016 - 08:50) писал:

Подскажите пожалуйста как перенести меню которое внизу страницы на самый верх и что бы оно было статичным как каталог который сбоку

Здравствуйте, на сколько я понимаю, вопрос не актуален? У Вас выбран другой шаблон.

#3 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 11 Май 2016 - 14:31

Актуален!!! Я эксперементировал)

#4 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 11 Май 2016 - 15:14

Просмотр сообщенияDanil1990 (11 Май 2016 - 14:31) писал:

Актуален!!! Я эксперементировал)

В шаблоне HTMl найдите и удалите код:

		<div class="footer-top">
		  <div class="container">
			<div class="row">
			  <div class="col-xs-12">
				<div class="logo">
				  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=infinity" alt="{SETTINGS_STORE_NAME}"></a>
				</div>
				<ul class="links">
				  {% FOR menu %}
					{% FOR footer %}
					  {% FOR links %}
						<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
		  </div>
		</div>


далее перед кодом:
	<!-- Основная часть -->
	<div id="main">


добавьте код:

		<div class="header-top">
		  <div class="container">
			<div class="row">
			  <div class="col-xs-12">
				<div class="logo">
				  <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=infinity" alt="{SETTINGS_STORE_NAME}"></a>
				</div>
				<ul class="links">
				  {% FOR menu %}
					{% FOR footer %}
					  {% FOR links %}
						<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			</div>
		  </div>
		</div>

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

.header-top {text-align: center; height: 133px;width: 100%; float: right;}
.header-top .container { position: fixed; width: 100%;background: #272727;z-index: 2;}
.header-top  .logo {margin-bottom: 15px;}
/* Меню в шапке*/
.header-top  .links {margin-bottom: 0px;}
.header-top  .links li {display: inline-block;margin: 10px 15px;}
.header-top  .links li a {color: #808080;line-height: 22px;}
.header-top  .links li a:hover {color: #1c8a71;}


#5 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 11 Май 2016 - 15:24

Просмотр сообщенияЮля123 (11 Май 2016 - 15:14) писал:

В шаблоне HTMl найдите и удалите код:

	 <div class="footer-top">
		 <div class="container">
		 <div class="row">
			 <div class="col-xs-12">
			 <div class="logo">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=infinity" alt="{SETTINGS_STORE_NAME}"></a>
			 </div>
			 <ul class="links">
				 {% FOR menu %}
				 {% FOR footer %}
					 {% FOR links %}
					 <li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
					 {% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>


далее перед кодом:
<!-- Основная часть -->
<div id="main">


добавьте код:

	 <div class="header-top">
		 <div class="container">
		 <div class="row">
			 <div class="col-xs-12">
			 <div class="logo">
				 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png?design=infinity" alt="{SETTINGS_STORE_NAME}"></a>
			 </div>
			 <ul class="links">
				 {% FOR menu %}
				 {% FOR footer %}
					 {% FOR links %}
					 <li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>
					 {% ENDFOR %}
				 {% ENDFOR %}
				 {% ENDFOR %}
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>

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

.header-top {text-align: center; height: 133px;width: 100%; float: right;}
.header-top .container { position: fixed; width: 100%;background: #272727;z-index: 2;}
.header-top .logo {margin-bottom: 15px;}
/* Меню в шапке*/
.header-top .links {margin-bottom: 0px;}
.header-top .links li {display: inline-block;margin: 10px 15px;}
.header-top .links li a {color: #808080;line-height: 22px;}
.header-top .links li a:hover {color: #1c8a71;}



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

#6 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 11 Май 2016 - 15:51

Просмотр сообщенияDanil1990 (11 Май 2016 - 15:24) писал:

Большое спасибо все шикарно, но только давайте еще уберем логотип над меню и что бы оно по ширине с поиском равное было
Здравствуйте.
В main.css найдите код
#custommenu {
	text-align: left;
	margin: 0 0 20px;
	padding: 0 10px;
}
и замените на
#header .header-container .logo {
	display: none;
}
#custommenu {
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}


#7 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 12 Май 2016 - 07:21

Логотип не исчез

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Май 2016 - 07:30

В main.css найдите:
.header-top .logo {
	margin-bottom: 15px;
}

замените на:
.header-top .logo {
	display: none;
}


#9 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 12 Май 2016 - 07:35

Все убралось но под меню осталась белая полоса. Подскажите пожалуйста как ее убрать?

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Май 2016 - 08:27

В main.css найдите:
.header-top {
	text-align: center;
	height: 133px;
	width: 100%;
	float: right;
}

замените на:
.header-top {
	text-align: center;
	width: 100%;
	float: right;
}


#11 Danil1990

Danil1990

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 12 Май 2016 - 09:14

Просмотр сообщенияVaccina (12 Май 2016 - 08:27) писал:

В main.css найдите:
.header-top {
text-align: center;
height: 133px;
width: 100%;
float: right;
}

замените на:
.header-top {
text-align: center;
width: 100%;
float: right;
}


СПАСИБО!!!

#12 Artrelic

Artrelic

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 16 Май 2016 - 20:55

Подскажите , как после проделанных изменений с верхним меню сделать цвет шрифта как в правом каталоге на белый

#13 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Май 2016 - 21:10

Просмотр сообщенияArtrelic (16 Май 2016 - 20:55) писал:

Подскажите , как после проделанных изменений с верхним меню сделать цвет шрифта как в правом каталоге на белый

Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне maiin.css найдите данный код:

.header-top .links li a {
	color: #808080;
	line-height: 22px;
}

И замените его вот этим вот кодом:

.header-top .links li a {
	color: #C5C5C5;
	line-height: 22px;
}


#14 Artrelic

Artrelic

    Пользователь

  • Пользователи
  • PipPip
  • 12 сообщений

Отправлено 16 Май 2016 - 21:25

да спасибо

#15 elgret

elgret

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 13 Январь 2018 - 02:11

Подскажите пожалуйста, я перенес нижнее меню как вы тут писали наверх, все получилось замечательно, но теперь на мобильной ужас что творится. Можно ли как то сделать, чтобы мобильную версию это не касалось, чтобы на ней было все по старому. Спасибо!

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Январь 2018 - 07:23

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/* Меню в шапке*/
.header-top  .links {margin-bottom: 0px;}

после него пропишите:
@media all and (max-width: 600px) {.header-top  .links {display: none;}}


#17 elgret

elgret

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 13 Январь 2018 - 12:37

спасибо огромное!

#18 elgret

elgret

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 13 Январь 2018 - 18:04

и еще можно попросить помочь выровнить верхнее меню по правой стороне. А то на планшете оно сейчас за поиск заходит

#19 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 13 Январь 2018 - 19:32

Просмотр сообщенияelgret (13 Январь 2018 - 18:04) писал:

и еще можно попросить помочь выровнить верхнее меню по правой стороне. А то на планшете оно сейчас за поиск заходит

Здравствуйте.
В данном случае, Если я Вас правильно понимаю, то Вам необходимо на Вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.header-top .links {
	margin-bottom: 0px;
}

И замените его вот этим вот кодом:


.header-top .links {
	margin-bottom: 0px;
	text-align: right;
}


#20 elgret

elgret

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 13 Январь 2018 - 20:26

да, все верно вы поняли. Спасибо!





Темы с аналогичным тегами меню, шаблон инфинити

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных