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


Изменить Меню

меню

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

#1 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 07 Октябрь 2014 - 17:04

Доброго времени суток.Можно ли изменить меню,к примеру сделать плавно выпадающий список?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 09 Октябрь 2014 - 00:18

достаточно сделать просто выпадающий список меню, а плавность уже на css прописать, стиль:
-webkit-transition: all 0.5s ease;
  -webkit-transition-delay: 0.5s;


#3 tutkypi

tutkypi

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 118 сообщений
  • ГородКостанай

Отправлено 09 Октябрь 2014 - 10:12

 Vaccina (09 Октябрь 2014 - 00:18) писал:

достаточно сделать просто выпадающий список меню, а плавность уже на css прописать, стиль:
-webkit-transition: all 0.5s ease;
-webkit-transition-delay: 0.5s;
А куда дописать выпадающий список? здесь же не простое меню

#4 AnnaM

AnnaM

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

  • Модератоpы
  • 1 040 сообщений

Отправлено 09 Октябрь 2014 - 10:35

 tutkypi (09 Октябрь 2014 - 10:12) писал:

А куда дописать выпадающий список? здесь же не простое меню
По созданию выпадающего меню вам будет интересна эта тема: http://forum.storela...ыпадающее-меню/  Можете начать с сообщения #6.

#5 ozimart

ozimart

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

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

Отправлено 10 Январь 2015 - 01:08

Уважаемая команда Storeland,
Хочу добавить дополнительное меню на свой сайт, чтобы этим меню можно было бы управлять из админки , где находятся все меню(возможно использовать меню, которое называется нижнее меню, так как им не пользуюсь), а также необходимо сдвинуть баннер вниз чтобы его поместить туда(как на картинке). Помогите плиз

Прикрепленные изображения

  • меню.jpg


#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 10 Январь 2015 - 09:50

 ozimart (10 Январь 2015 - 01:08) писал:

Уважаемая команда Storeland,
Хочу добавить дополнительное меню на свой сайт, чтобы этим меню можно было бы управлять из админки , где находятся все меню(возможно использовать меню, которое называется нижнее меню, так как им не пользуюсь), а также необходимо сдвинуть баннер вниз чтобы его поместить туда(как на картинке). Помогите плиз
Здравствуйте, Вам необходимо в разделе Сайт-Меню создать пункты меню, и отписаться нам.

#7 ozimart

ozimart

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

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

Отправлено 10 Январь 2015 - 18:31

Все готово, меню добавили Почти в самом низу сайта

#8 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 10 Январь 2015 - 20:06

 ozimart (10 Январь 2015 - 18:31) писал:

Все готово, меню добавили Почти в самом низу сайта
Найдите в HTML
 <div class="container">
					<main class="content">

замените на

 <div class="container">
					<main class="content">
					<div class="sity">
					  <ul>
{% FOR menu %}
{% FOR city %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.city.links.SELECTED %}class="selected"{%ENDIF%} {% IFmenu.city.links.TITLE %}title="{menu.city.links.TITLE}"{% ENDIF %}>{menu.city.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
					  
					  
					  
					</div>

далее в конец файла main.css добавьте

.sity ul li {
display: inline-block;
padding: 4px 10px 4px 10px;
}

.sity {
text-align: right;
}


#9 ozimart

ozimart

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

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

Отправлено 10 Январь 2015 - 20:49

Спасибо! А подскажите, как изменить размер шрифта конкретно этого меню и сделать это меню с подчеркиванием(т.е. каждый пункт чтобы был подчеркнут)?

#10 ozimart

ozimart

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

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

Отправлено 11 Январь 2015 - 00:28

Спасибо ребят, в итоге все удалось сделать своими силами

#11 ozimart

ozimart

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

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

Отправлено 11 Январь 2015 - 00:38

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

#12 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

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

#13 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 11:55

 AnnaM (09 Октябрь 2014 - 10:35) писал:

По созданию выпадающего меню вам будет интересна эта тема: http://forum.storela...ыпадающее-меню/  Можете начать с сообщения #6.
Мне не помогло. Такого блока нету в main.css

#14 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

Отправлено 11 Май 2015 - 12:48

 Hiding (11 Май 2015 - 11:55) писал:

Мне не помогло. Такого блока нету в main.css
Здравствуйте,
найдите в шаблоне HTML
  <ul class="menuWrap">				 
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							 
				</ul>

замените на

  <ul class="menuWrap">	  
 <li><a class="menuparent" href="ваша ссылка">Протеин</a>
	<ul class="">	 {% FOR menu %}
				   {% FOR protein %}
					 {% FOR links %}
							   <li><a class="menuparent {% IF menu.protein.links.SELECTED %}selected{%ENDIF%}" href="{menu.protein.links.URL}"  {% IF menu.protein.links.TITLE %}title="{menu.protein.links.TITLE}"{% ENDIF %}>{menu.protein.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}			  
  </ul></li>		
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					 {% ENDFOR %}
				   {% ENDFOR %}
				 {% ENDFOR %}							 
				</ul>

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

ul.vtoroc {
   display: none;
  position: absolute;
  background: #29364E;
  z-index: 999;
  width: 200px;
}
ul.vtoroc li {
  display: block;
  padding: 2px 0;
}
ul.menuWrap li:hover ul {
  display: block;
}


#15 Hiding

Hiding

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

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

Отправлено 11 Май 2015 - 13:40

Получилось вот как:

11-05-2015 19-37-08.png

Вернул все назад.

#16 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

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

 Hiding (11 Май 2015 - 13:40) писал:

Получилось вот как:

11-05-2015 19-37-08.png

Вернул все назад.
Произведите изменения, что бы можно было видеть результат.

#17 Hiding

Hiding

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

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

Отправлено 12 Май 2015 - 16:16

Произвел.

#18 Ирина345

Ирина345

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

  • Модераторы
  • 5 673 сообщений

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

 Hiding (12 Май 2015 - 16:16) писал:

Произвел.
Найдите в шаблоне HTML
<ul class="menuWrap">  
<li><a class="menuparent" href="ваша ссылка">Протеин</a>
		<ul class="">
замените на
<ul class="menuWrap">  
<li><a class="menuparent" href="ваша ссылка">Протеин</a>
		<ul class="vtoroc">


#19 Hiding

Hiding

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

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

Отправлено 12 Май 2015 - 16:40

Получилось во как.

12-05-2015 22-36-05.png

Одно меню я так понимаю надо убрать с главного?
И подпункты надо чтоб не полосками выделялись, а при наведении меняли цвет на темный цвет фона.
А родительский пункт чтоб полосками выделялся.
Спасибо.

#20 Hiding

Hiding

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

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

Отправлено 13 Май 2015 - 15:15

Ребята, ну помогите пожалуйста, а...
Еще при нажатии на главную у меня пункт меню тоже выделяется...

Прикрепленные изображения

  • 13-05-2015 21-13-51.png






Темы с аналогичным тегами меню

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

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