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

[rAv3nzZ 0]

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

[zarajen 2]

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

[rAv3nzZ 0]

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

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

[zarajen 2]

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

 

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

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

[Ritsuka 540]

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

[rAv3nzZ 0]

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

 

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

[rAv3nzZ 0]

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

 

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

[rAv3nzZ 0]

#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

[rAv3nzZ 0]

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

[rAv3nzZ 0]

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