Перейти к содержимому
Русский язык для Invision Community 5

Сделать передвигающийся Header как в данном стиле?

Хочу сделать header как у http://www.skinbox.net/demo/? всё точно как там. Может кто помочь?

Рекомендованные сообщения

Где там передвигающийся header?

  • Автор

Где там передвигающийся header?

Когда спускаешся вниз, header вместе с login bar тоже идут вниз.

Там только логин бар "вниз идёт"

 

Найди класс: #header_bar

и добавьте position: fixed;

А вообще проще всего купить скин, который понравился, и немного переделать его под себя. У skinbox довольно много всяких интересных задумок в скинах, не пожалеете.

  • Автор

http://www.skinbox.net/demo/skinchange.php?id=6

 

Т.е вот так, ссылка была не та.

  • Автор

Смог сделать только так - branding.png

 

Как его можно в центр вставить?

  • Автор

#top_bar{

background: #00223a url("{style_images_url}/_custom/bg-userlinks.png") repeat-x 0 100%;

box-shadow: 0 4px 10px rgba(0,0,0,0.8), inset 0 -1px 0 rgba(255,255,255,0.09);

-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.8), inset 0 -1px 0 rgba(255,255,255,0.09);

-moz-box-shadow: 0 4px 10px rgba(0,0,0,0.8), inset 0 -1px 0 rgba(255,255,255,0.09);*/

border-radius: 0 0 4px 4px;

-moz-border-radius: 0 0 4px 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-bottom-left-radius: 4px;

margin: 0 auto;

position: fixed;

top: 0;

z-index: 9999;

}

 

CSS

  • Автор

Разобрался, просто нужно было добавить left: 13.5%;

  • Автор

Тот кто захочет посмотреть: forum.cub3gaming.net/

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.