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


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


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

#1 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 24 Сентябрь 2014 - 22:15

Здравствуйте! Подскажите,  пожалуйста, как сделать чтобы шапка сайта (см фото) оставалась на месте при прокручивании страниц сайта, наподобие того как закрепляют верхние строки в ексель?

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

  • 501.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 24 Сентябрь 2014 - 23:10

Для начала необходимо поправить структуру, у вас она изменена с ошибками, основной контент входит в структуру шапки сайта. В шаблоне HTML найдите:
  <div class="container" id="header">
<div class="m1"><span><FONT color="blue" size=+1><br> </br></FONT></span></div>
<div class="container" id="header">
замените на:
  <div class="container" id="header">
<div class="m1"><span><FONT color="blue" size=+1><br> </br></FONT></span></div>


#3 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 25 Сентябрь 2014 - 08:20

Заменила, жду дальнейших инструкций

#4 Vaccina

Vaccina

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

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

Отправлено 26 Сентябрь 2014 - 00:35

В main.css находим:
.b_page {
	background: url("http://design.cuffclub.ru/header_page.png") no-repeat center top;
}

меняем на:
.b_page {
	background: url("http://design.cuffclub.ru/header_page.png") no-repeat fixed center top;
	padding-top: 175px;
}
#header {
	background: url("http://design.cuffclub.ru/header_page.png") no-repeat scroll center top;
	height: 175px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
}


#5 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 02 Октябрь 2014 - 22:29

Заменила всё работает, спасибо.

И ещё вопрос: каким-то образом возможно провести а/б тестирование с вариантом закреплённой шапки и стандартным?




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

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