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


Как Закрепить Шапку?


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

#1 ggrin31

ggrin31

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

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

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

Добрый день. Подскажите пожалуйста, есть ли возможность закрепить шапку, чтобы при прокручивании страницы вниз она не двигалась?
Спасибо

#2 Firefly

Firefly

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

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

Отправлено 13 Май 2016 - 12:55

Просмотр сообщенияggrin31 (13 Май 2016 - 11:04) писал:

Добрый день. Подскажите пожалуйста, есть ли возможность закрепить шапку, чтобы при прокручивании страницы вниз она не двигалась?
Спасибо

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#header_colapse {position:relative;background-color:#930513;color:#ffffff;z-index: 1000;}

Замените на:
#header_colapse {position: fixed;background-color:#930513;color:#ffffff;z-index: 1000;width: 100%;}

Найдите код:
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;}

Замените на:
.header_top {width:100%;margin: 0 auto;min-height:40px;background-color:#f5f5f5;position: fixed;top: 59px;z-index: 100;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		<div class="inner">
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

Замените на:
		<div class="inner" style="margin-top:100px;">
		  <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>


#3 ggrin31

ggrin31

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

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

Отправлено 14 Май 2016 - 21:39

Просмотр сообщенияFirefly (13 Май 2016 - 12:55) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
	 <div class="inner">
		 <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

Замените на:
	 <div class="inner" style="margin-top:100px;">
		 <div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>


никак не могу найти эти строчки... Помогите пожалуйста. Через поиск не находит.

#4 RayLi

RayLi

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

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

Отправлено 15 Май 2016 - 10:15

Просмотр сообщенияggrin31 (14 Май 2016 - 21:39) писал:

никак не могу найти эти строчки... Помогите пожалуйста. Через поиск не находит.

Просмотр сообщенияggrin31 (14 Май 2016 - 21:39) писал:

никак не могу найти эти строчки... Помогите пожалуйста. Через поиск не находит.

Здравствуйте.
Требуемый вам код находится на 223-й строке в шаблоне html .
Проверьте, пожалуйста.

#5 ggrin31

ggrin31

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

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

Отправлено 15 Май 2016 - 12:10

Все нашел, спасибо. С шапкой все получилось, она закрепилась, но мне не нравится что когда бегунком спускаешься вниз, доходишь до блока "Вы смотрели" и он начинает залазить на шапку. Это можно как то исправить?

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

  • Безымянный.jpg


#6 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

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

Просмотр сообщенияggrin31 (15 Май 2016 - 12:10) писал:

Все нашел, спасибо. С шапкой все получилось, она закрепилась, но мне не нравится что когда бегунком спускаешься вниз, доходишь до блока "Вы смотрели" и он начинает залазить на шапку. Это можно как то исправить?
Здравствуйте.
В main.css найдите код
.prod_hold, .prod_hold_recent {
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: bottom;
	margin: 0 7px 20px 8px;
	padding: 5px;
	background-color: #ffffff;
	position: relative;
	text-align: center;
	border: 1px solid #f5f5f5;
	z-index: 100;
}
и замените на

.prod_hold, .prod_hold_recent {
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: bottom;
	margin: 0 7px 20px 8px;
	padding: 5px;
	background-color: #ffffff;
	position: relative;
	text-align: center;
	border: 1px solid #f5f5f5;
}


#7 ggrin31

ggrin31

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

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

Отправлено 15 Май 2016 - 14:05

спасибо, все получилось

#8 Влад123123

Влад123123

    Новичок

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

Отправлено 01 Март 2018 - 15:06

Здравствуйте, помогите помогите закрепить шапку в шаблоне Спорт.
Спасибо.

#9 Mr.Nito

Mr.Nito

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

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

Отправлено 04 Март 2018 - 11:46

Просмотр сообщенияВлад123123 (01 Март 2018 - 15:06) писал:

Здравствуйте, помогите помогите закрепить шапку в шаблоне Спорт.
Спасибо.
Здравствуйте.
Ответ был дан в теме:
https://forum.storel...та/#entry273656




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

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