Как На Сайте Сделать Так, Чтобы При Скроллинге Шапка Оставалась На Месте?
#1
Отправлено 03 Март 2017 - 03:24
Помогите пожалуйста, реализовать задумку!
Как на сайте сделать так, чтобы при скроллинге шапка оставалась на месте?
Заранее спасибо!
Сайт Tile-911.ru
#2
Отправлено 03 Март 2017 - 10:14
Tina-Valentina (03 Март 2017 - 03:24) писал:
Помогите пожалуйста, реализовать задумку!
Как на сайте сделать так, чтобы при скроллинге шапка оставалась на месте?
Заранее спасибо!
Сайт Tile-911.ru
Здравствуйте.
Если я вас правильно понял, то в данном случае попробуйте, пожалуйста, произвести следующий изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#header-top { background: #3f3f3f; height: 42px; }
И замените его вот этим вот кодом:
#header-top { background: #3f3f3f; height: 42px; position: fixed; z-index: 999999; }
Далее том же шаблоне найдите, пожалуйста, следующий код:
#header { text-align: center; }
И замените его этим вот кодом:
#header { text-align: center; padding-top: 50px; }
#3
Отправлено 03 Март 2017 - 13:20
RayLi (03 Март 2017 - 10:14) писал:
Если я вас правильно понял, то в данном случае попробуйте, пожалуйста, произвести следующий изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
#header-top { background: #3f3f3f; height: 42px; }
И замените его вот этим вот кодом:
#header-top { background: #3f3f3f; height: 42px; position: fixed; z-index: 999999; }
Далее том же шаблоне найдите, пожалуйста, следующий код:
#header { text-align: center; }
И замените его этим вот кодом:
#header { text-align: center; padding-top: 50px; }
#5
Отправлено 03 Март 2017 - 13:35
RayLi (03 Март 2017 - 13:27) писал:
Пожалуйста, повторите инструкцию выше, чтобы реализовать их.
Спасибо.
RayLi (03 Март 2017 - 13:27) писал:
Пожалуйста, повторите инструкцию выше, чтобы реализовать их.
Спасибо.
#8
Отправлено 03 Март 2017 - 14:49
RayLi (03 Март 2017 - 14:05) писал:
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.
#9
Отправлено 07 Март 2017 - 13:56
RayLi (03 Март 2017 - 14:05) писал:
Уточните, пожалуйста, какие конкретные проблемы вы наблюдаете и в каких случаях?
Спасибо.
#10
Отправлено 13 Март 2017 - 10:11
Скорая Керамическая Помощь (03 Март 2017 - 14:49) писал:
#12
Отправлено 13 Март 2017 - 17:21
Stasya (13 Март 2017 - 10:11) писал:
Stasya (13 Март 2017 - 10:11) писал:
http://tile-911.ru/p...tka-dlya-vannoj
http://tile-911.ru/p...itka-dlya-kuhni
И везде первая часть страницы пропадает ((
#13
Отправлено 13 Март 2017 - 18:59
Stasya (13 Март 2017 - 10:11) писал:
Добрый вечер! Срочно Ваша помощь нужна! У нас реклама идет по маркету, а на сайте первая часть страницы не видна. http://tile-911.ru/g...od_id=111262650
#14
Отправлено 14 Март 2017 - 06:27
#15
Отправлено 14 Март 2017 - 12:38
Скорая Керамическая Помощь (13 Март 2017 - 17:21) писал:
http://tile-911.ru/p...tka-dlya-vannoj
http://tile-911.ru/p...itka-dlya-kuhni
И везде первая часть страницы пропадает ((
#16
Отправлено 14 Март 2017 - 12:41
Stasya (14 Март 2017 - 12:38) писал:
#18
Отправлено 29 Апрель 2017 - 07:14
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь» могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit"> <span class="title_brend">Бренды: </span> <ul class="mainnav"> {%IFNOT catalog_full_empty%}
перед ним вставьте:
<div class="general_cat"> <ul> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li> </ul> </div>
измените ссылки на необходимые для перехода и иконок, по аналогии можете продолжить список пунктов.
Далее зайдите в main.css и в самом конце добавьте:
.general_cat { width: 100%; text-align: center; } .general_cat li { display: inline-block; margin: 0 10px; background: rgba(0,0,0,0.5); } .general_cat li a { padding: 10px; color: #ffffff; display: block; } .general_cat li a img { max-width: 30px; }
#19
Отправлено 29 Апрель 2017 - 18:19
Vaccina (29 Апрель 2017 - 07:14) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь» могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit"> <span class="title_brend">Бренды: </span> <ul class="mainnav"> {%IFNOT catalog_full_empty%}
перед ним вставьте:
<div class="general_cat"> <ul> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li> </ul> </div>
измените ссылки на необходимые для перехода и иконок, по аналогии можете продолжить список пунктов.
Далее зайдите в main.css и в самом конце добавьте:
.general_cat { width: 100%; text-align: center; } .general_cat li { display: inline-block; margin: 0 10px; background: rgba(0,0,0,0.5); } .general_cat li a { padding: 10px; color: #ffffff; display: block; } .general_cat li a img { max-width: 30px; }
#20
Отправлено 29 Апрель 2017 - 19:11
Vaccina (29 Апрель 2017 - 07:14) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
<marquee>Внимание! Цены на керамическую плитку в интернет-магазине «Скорая Керамическая Помощь» могут отличаться от цен в розничных магазинах. Если заказ оформлен через сайт http://tile-911.ru, то в магазине вам продадут товар по ценам в заказе.</marquee><div class="alfavit"> <span class="title_brend">Бренды: </span> <ul class="mainnav"> {%IFNOT catalog_full_empty%}
перед ним вставьте:
<div class="general_cat"> <ul> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Новинки</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Настенная плитка</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для кухни</a></li> <li><a href="ссылка"><img src="ссылка на картинку" alt="" /><br/>Плитка для ванной</a></li> </ul> </div>
измените ссылки на необходимые для перехода и иконок, по аналогии можете продолжить список пунктов.
Далее зайдите в main.css и в самом конце добавьте:
.general_cat { width: 100%; text-align: center; } .general_cat li { display: inline-block; margin: 0 10px; background: rgba(0,0,0,0.5); } .general_cat li a { padding: 10px; color: #ffffff; display: block; } .general_cat li a img { max-width: 30px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных