Выплывающее Верхнее Меню
#1
Отправлено 01 Июль 2015 - 08:53
#2
Отправлено 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; }
#4
Отправлено 14 Август 2015 - 09:40
agentteam (13 Август 2015 - 21:50) писал:
/*** Фиксированная часть шапки ***/ #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
Отправлено 14 Август 2015 - 11:34
А как сделать, чтобы вся шапка не фиксировалась при прокрутке вверху браузера, а как обычный элемент оставалсь на своем месте?
#6
Отправлено 14 Август 2015 - 13:14
agentteam (14 Август 2015 - 11:34) писал:
А как сделать, чтобы вся шапка не фиксировалась при прокрутке вверху браузера, а как обычный элемент оставалсь на своем месте?
.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; }
#8
Отправлено 15 Август 2015 - 01:09
.fixed-header.hidden-top .header { margin-top: 42px; top: 0px; }замените на:
.fixed-header.hidden-top .header { top: 0px; }
#9
Отправлено 15 Август 2015 - 17:24
#10
Отправлено 17 Август 2015 - 09:09
agentteam (15 Август 2015 - 17:24) писал:
.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
Отправлено 17 Август 2015 - 12:25
#12
Отправлено 26 Октябрь 2015 - 19:29
Скажи пожалуйста,как вернуть все обратно,к исходным параметрам.
Делал все по инструкции выше.
#13
Отправлено 26 Октябрь 2015 - 20:10
AShchuka (26 Октябрь 2015 - 19:29) писал:
Скажи пожалуйста,как вернуть все обратно,к исходным параметрам.
Делал все по инструкции выше.
Здравствуйте.
Вы можете попробовать применить один из предыдущих бэкапов в редакторе шаблонов, либо следовать примененным инструкциям в обратном порядке.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных