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


Выпадающее Меню.


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

#1 olgaderamos

olgaderamos

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

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

Отправлено 23 Август 2013 - 03:51

Уважаемые, помогуте, пожалуйста, решить вопрос.
Мужно сделать выпадающее меню в хедере при наведении курсора. То есть подводишь мышку на пункт меню и там выпадают опции подменю.
как это оформить?Если можно, пошагово, пожалуйста, с кодами.

Заранее благодарю!

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

  • submenu.JPG


#2 Vaccina

Vaccina

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

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

Отправлено 23 Август 2013 - 06:59

Данный вопрос уже обсуждался у нас на форуме и имеет инструкции:
http://forum.storela..._120#entry46430

#3 olgaderamos

olgaderamos

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

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

Отправлено 23 Август 2013 - 08:10

Просмотр сообщенияVaccina (23 Август 2013 - 06:59) писал:

Данный вопрос уже обсуждался у нас на форуме и имеет инструкции:
http://forum.storela..._120#entry46430

Премного благодарна! Сама не смогла найти... Спасибо!

#4 olgaderamos

olgaderamos

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

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

Отправлено 24 Август 2013 - 12:51

Просмотр сообщенияVaccina (23 Август 2013 - 06:59) писал:

Данный вопрос уже обсуждался у нас на форуме и имеет инструкции:
http://forum.storela..._120#entry46430

Уважаемaе Vaccina!
Будьте добры, помогите, я уже отчаялась сделать самостоятельно! Читала темы форума, меняла коды направо и налево, но у меня не никак не получается сделать выпадающее меню! Читала здесь , вроде информации достаточно, но я не смогла сделать самостоятельно, не хватило опыта и знаний. нужно для шаблона Мокко Нужно прописывать вручную, а я не умею :( помогите, пожалуйста, с кодами именно к моему случаю.
Я создала четыре дополнительных блока меню, расписала названия выпадающих списков, но пока не знаю как сделать так, чтобы они отражалсь на сайте. Помогите, пожалуйста! аккаунт номер СЛ-104191. Заранее благодарю и прошу прощения за то, что повторяюсь в просьбах.

#5 Vaccina

Vaccina

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

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

Отправлено 27 Август 2013 - 04:30

Вам ответили в следующей теме форума http://forum.storela...ции/#entry86121

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

#6 olgaderamos

olgaderamos

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

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

Отправлено 27 Август 2013 - 06:10

Просмотр сообщенияVaccina (27 Август 2013 - 04:30) писал:

Вам ответили в следующей теме форума http://forum.storela...ции/#entry86121

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

Спасибо. Извините, исправлюсь.:)

#7 Nati

Nati

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

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

Отправлено 02 Февраль 2015 - 11:07

Добрый день. Сделала необходимые изменения, но не получилось выпадающее верхнее меню. Получилось два пункта "Главная" и ничего не выпадает. Помогите, пожалуйста, что нужно исправить ? Спасибо. SL-220686 Извините, за беспокойство, вопрос снимаю - решила реализовать по другому.

#8 bot

bot

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

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

Отправлено 06 Февраль 2015 - 01:14

Здравствуйте.
Помогите пожалуйста сделать меню (header_menu) плавающим как на этом сайте.
Аккаунт SL-316805  
Спасибо.

#9 Vaccina

Vaccina

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

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

Отправлено 06 Февраль 2015 - 03:29

В main.css найдите:
#panelsite div.centercol .menuheader {
  height: 25px;
  margin: 15px 0 0;
  overflow: hidden;
  width: 800px;
}
замените на:
#panelsite div.centercol .menuheader {
  background: #fff;
  height: 25px;
  margin: 15px 0 0;
  overflow: hidden;
  padding: 10px;
  position: fixed;
  z-index: 99;
}


#10 bot

bot

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

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

Отправлено 06 Февраль 2015 - 08:42

подскажите пожалуйста, как перенести разделы меню в центр?
Аккаунт SL-316805

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

  • Screenshot_1.png


#11 Ирина345

Ирина345

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

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

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

Просмотр сообщенияYasin (06 Февраль 2015 - 08:42) писал:

подскажите пожалуйста, как перенести разделы меню в центр?
Аккаунт SL-316805
Здравствуйте, найдите в main.css
#menu {
width: 100%;
margin: 0 auto;
}
замените на

#menu {
width: 100%;
margin: 0px 0px 0px 12%;
}


#12 bot

bot

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

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

Отправлено 17 Февраль 2015 - 20:37

Здравствуйте. При просмотре сайта на мобильных устройствах и планшетах, верхнеевыпадающее меню и подвал отображаются некорректно.
Аккаунт SL-316805

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

  • MNfpzlOjqvU.jpg
  • blXVvtG-T28.jpg


#13 Vaccina

Vaccina

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

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

Отправлено 18 Февраль 2015 - 02:46

В main.css найдите:
.nav-container {
  display: block;
  left: 0;
  margin-bottom: 10px;
  position: absolute;
  top: 110px;
  width: 100%;
}

замените на:
.nav-container {
  display: block;
  left: 0;
  margin-bottom: 10px;
  position: absolute;
  top: 110px;
}


#14 bot

bot

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

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

Отправлено 18 Февраль 2015 - 13:27

Просмотр сообщенияVaccina (18 Февраль 2015 - 02:46) писал:

В main.css найдите:
.nav-container {
display: block;
left: 0;
margin-bottom: 10px;
position: absolute;
top: 110px;
width: 100%;
}

замените на:
.nav-container {
display: block;
left: 0;
margin-bottom: 10px;
position: absolute;
top: 110px;
}
Не помогло. При удалении width:100% в компьютере отображается некорректно.

#15 Danil

Danil

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

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

Отправлено 18 Февраль 2015 - 13:37

Просмотр сообщенияYasin (18 Февраль 2015 - 13:27) писал:

Не помогло. При удалении width:100% в компьютере отображается некорректно.
Здравствуйте.
Попробуйте так:
В main.css найдите код
.nav-container {
margin-bottom: 10px;
position: absolute;
display: block;
width: 100%;
background-image: -webkit-linear-gradient(top, #69D0FF 0%, #00ADFF 44%, #0088C9 100%);
left: 0;
top: 110px;
}
и замените на
.nav-container {
margin-bottom: 10px;
position: absolute;
display: block;
width: 100%;
background-image: -webkit-linear-gradient(top, #69D0FF 0%, #00ADFF 44%, #0088C9 100%);
left: 0;
top: 110px;
min-width: 1050px;
}


#16 bot

bot

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

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

Отправлено 18 Февраль 2015 - 14:03

Просмотр сообщенияDanil (18 Февраль 2015 - 13:37) писал:

Здравствуйте.
Попробуйте так:
В main.css найдите код
.nav-container {
margin-bottom: 10px;
position: absolute;
display: block;
width: 100%;
background-image: -webkit-linear-gradient(top, #69D0FF 0%, #00ADFF 44%, #0088C9 100%);
left: 0;
top: 110px;
}
и замените на
.nav-container {
margin-bottom: 10px;
position: absolute;
display: block;
width: 100%;
background-image: -webkit-linear-gradient(top, #69D0FF 0%, #00ADFF 44%, #0088C9 100%);
left: 0;
top: 110px;
min-width: 1050px;
}
Отлично. Спасибо большое.




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

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