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


Выплывающее Верхнее Меню


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

#1 svet

svet

    Новичок

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

Отправлено 01 Июль 2015 - 08:53

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

#2 RayLi

RayLi

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

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

Отправлено 01 Июль 2015 - 10:44

Просмотр сообщенияsvet (01 Июль 2015 - 08:53) писал:

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

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

.fixed-header.hidden-top #top-box {
  left: 0;
  margin-top: -32px;
  position: fixed;
  top: 0;
  z-index: 910;
}

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

.fixed-header.hidden-top #top-box {
  left: 0;
  /* margin-top: -32px; */
  position: fixed;
  top: 0;
  z-index: 910;
}


Далее в том же шаблоне найдите этот код:

.fixed-header.hidden-top .header {
  margin-top: 8px;
  top: 0;
}

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

.fixed-header.hidden-top .header {
  margin-top: 45px;
  top: 0;
}


#3 agentteam

agentteam

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

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

Отправлено 13 Август 2015 - 21:50

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

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

  • Screenshot_1.jpg


#4 Danil

Danil

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

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

Отправлено 14 Август 2015 - 09:40

Просмотр сообщенияagentteam (13 Август 2015 - 21:50) писал:

попробовал сделать как в инструкции - ничего не изменилось. Мне нужно тоже самое, насколько я понял - вот это верхнее меню чтобы не скрывалось
В шаблоне main.css найдите код
/*** Фиксированная часть шапки ***/
#top-box {background-color: #00c59c;min-height: 30px;padding: 5px 0;width: 100%;}
.fixed-header.hidden-top.visible-top .header {margin-top: 40px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded .page-box, .fixed-header.hidden-top.fixed.loaded .page-box {-webkit-transition: padding-top 0.2s linear;transition: padding-top 0.2s linear;}
/*.fixed-header.hidden-top.fixed .page-box {padding-top: 104px;} /*Отступ основной части для фиксированной шапки при скроле, данное значение должно быть равным размерам шапки */
/*.fixed-header.hidden-top .page-box {padding-top: 112px;} /*Отступ основной части для фиксированной шапки, данное значение должно быть равным размерам шапки */
.fixed-header.hidden-top.visible-top #top-box {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded #top-box {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed #top-box {margin-top: -42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top #top-box {left: 0;margin-top: -32px;position: fixed;top: 0;z-index: 910;}
.fixed-header.hidden-top #top-box.dmenu {margin-top: -72px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}
.fixed-header.hidden-top.visible-top #top-box.dmenu {margin-top:0px;}
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}
.fixed-header.hidden-top.visible-top #top-box.tmenu {margin-top:0px;}
и замените на
/*** Фиксированная часть шапки ***/
#top-box {background-color: #00c59c;min-height: 30px;padding: 5px 0;width: 100%;}
.fixed-header.hidden-top.visible-top .header {margin-top: 42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {margin-top: 42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded .page-box, .fixed-header.hidden-top.fixed.loaded .page-box {-webkit-transition: padding-top 0.2s linear;transition: padding-top 0.2s linear;}
/*.fixed-header.hidden-top.fixed .page-box {padding-top: 104px;} /*Отступ основной части для фиксированной шапки при скроле, данное значение должно быть равным размерам шапки */
/*.fixed-header.hidden-top .page-box {padding-top: 112px;} /*Отступ основной части для фиксированной шапки, данное значение должно быть равным размерам шапки */
.fixed-header.hidden-top.visible-top #top-box {margin-top: 0;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.loaded #top-box {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top.fixed #top-box {margin-top: 0px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
.fixed-header.hidden-top #top-box {left: 0;margin-top: 0px;position: fixed;top: 0;z-index: 910;}
.fixed-header.hidden-top #top-box.dmenu {margin-top: -72px;}
.fixed-header.hidden-top.visible-top .header.dmenu {margin-top: 80px;}
.fixed-header.hidden-top.fixed #top-box.dmenu {margin-top: -82px;}
.fixed-header.hidden-top.visible-top #top-box.dmenu {margin-top:0px;}
.fixed-header.hidden-top #top-box.tmenu {margin-top: -112px;}
.fixed-header.hidden-top.visible-top .header.tmenu {margin-top: 120px;}
.fixed-header.hidden-top.fixed #top-box.tmenu {margin-top: -122px;}
.fixed-header.hidden-top.visible-top #top-box.tmenu {margin-top:0px;}
Так же найдите
/* Центральная часть шапки */
.fixed-header.hidden-top .header {margin-top: 8px;top: 0;}
и замените на
/* Центральная часть шапки */
.fixed-header.hidden-top .header {margin-top: 42px;top: 0;}


#5 agentteam

agentteam

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

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

Отправлено 14 Август 2015 - 11:34

Получилось, спасибо.

А как сделать, чтобы вся шапка не фиксировалась при прокрутке вверху браузера, а как обычный элемент оставалсь на своем месте?

#6 Danil

Danil

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

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

Отправлено 14 Август 2015 - 13:14

Просмотр сообщенияagentteam (14 Август 2015 - 11:34) писал:

Получилось, спасибо.

А как сделать, чтобы вся шапка не фиксировалась при прокрутке вверху браузера, а как обычный элемент оставалсь на своем месте?
В main.css найдите код
.fixed-header.hidden-top #top-box {left: 0;margin-top: 0px;position: fixed;top: 0;z-index: 910;}
и замените на

.fixed-header.hidden-top #top-box {z-index: 910;}
так же найдите
.fixed-header .header {
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 870;
	width: auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
и замените на
.fixed-header .header {
	margin: 0;
	z-index: 870;
	width: auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.wrapper.page-box {
	padding-top: 0px !important;
}


#7 agentteam

agentteam

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

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

Отправлено 14 Август 2015 - 19:54

Спасибо Danil,

Следующий вопрос появляется. Как белую шапку уменьшить по высоте со 150 до 60px.? И соответственно поднять эту белую шапку к полоске выше, и чтобы навигация в белой шапке и корзина и лого вместе с ней бы поднялись.

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

  • 2.jpg


#8 Vaccina

Vaccina

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

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

Отправлено 15 Август 2015 - 01:09

В main.css найдите:
.fixed-header.hidden-top .header {
	margin-top: 42px;
	top: 0px;
}
замените на:
.fixed-header.hidden-top .header {
	top: 0px;
}


#9 agentteam

agentteam

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

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

Отправлено 15 Август 2015 - 17:24

сделал, но проблема в том, что теперь при наведении на шапку, включается анимация и она начинает снижать вниз и дрожать если курсор на ней остается www.rukzak21.ru

#10 Danil

Danil

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

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

Отправлено 17 Август 2015 - 09:09

Просмотр сообщенияagentteam (15 Август 2015 - 17:24) писал:

сделал, но проблема в том, что теперь при наведении на шапку, включается анимация и она начинает снижать вниз и дрожать если курсор на ней остается www.rukzak21.ru
В main.css найдите код
.fixed-header.hidden-top.visible-top .header {margin-top: 42px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}
и замените на
.fixed-header.hidden-top.visible-top .header {margin-top: 0px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}


#11 agentteam

agentteam

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

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

Отправлено 17 Август 2015 - 12:25

Спасибо, сработало

#12 AShchuka

AShchuka

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

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

Отправлено 26 Октябрь 2015 - 19:29

Здравствуйте!
Скажи пожалуйста,как вернуть все обратно,к исходным параметрам.
Делал все по инструкции выше.

#13 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 26 Октябрь 2015 - 20:10

Просмотр сообщенияAShchuka (26 Октябрь 2015 - 19:29) писал:

Здравствуйте!
Скажи пожалуйста,как вернуть все обратно,к исходным параметрам.
Делал все по инструкции выше.

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

#14 AShchuka

AShchuka

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

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

Отправлено 26 Октябрь 2015 - 20:37

Просмотр сообщенияFirefly (26 Октябрь 2015 - 20:10) писал:

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

Спасибо за быстрый ответ!




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

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