Сико подскажите как закрепить меню в скине Valvet 3.4.9 что бы при прокрутки меню было закреплено .

Ставлю значение 

position: fixed;

оно его не фиксирует . Ну точнее фиксирует но искажает и все в левой стороне и смотрится жутко не красиво .Ниже ксс 

#header_bar {
	background: #323232 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
	padding: 0;
	text-align: right;
}
	
#admin_bar {
	font-size: 11px;
	line-height: 28px;
	padding: 0 12px;
	background: #323232 url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#admin_bar li{ padding-left: 10px; padding-right: 10px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
#admin_bar a:hover { color: #fff; }

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

Ссылка на сайт http://playervy.beget.tech/

 

18 часов назад, Newline сказал:

Сико подскажите как закрепить меню в скине Valvet 3.4.9 что бы при прокрутки меню было закреплено .

Ставлю значение 

position: fixed;

оно его не фиксирует . Ну точнее фиксирует но искажает и все в левой стороне и смотрится жутко не красиво .Ниже ксс 

#header_bar {
	background: #323232 url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
	padding: 0;
	text-align: right;
}
	
#admin_bar {
	font-size: 11px;
	line-height: 28px;
	padding: 0 12px;
	background: #323232 url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#admin_bar li{ padding-left: 10px; padding-right: 10px; }
#admin_bar li.active a { color: #fc6d35; }
#admin_bar a { color: #8a8a8a; }
#admin_bar a:hover { color: #fff; }

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

Ссылка на сайт http://playervy.beget.tech/

 

Ссылку на форум в студию.

2 минуты назад, leon0295 сказал:

Ссылку на форум в студию.

http://newlinw8.beget.tech/

Закрепить именно эту часть 

#top_bar {
    background: #00223a url(http://newlinw8.beget.tech/public/style_images/playground/_custom/bg-userlinks.png) repeat-x 0 100%;
    padding-bottom: 1px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

 

Змінено 9 лютого, 20177 р користувачем be3yMHbIu
Переанализировал код

48 минут назад, be3yMHbIu сказал:

#top_bar {
    background: #00223a url(http://newlinw8.beget.tech/public/style_images/playground/_custom/bg-userlinks.png) repeat-x 0 100%;
    padding-bottom: 1px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

 

При этих параметрах меню не одна ссылка не нажимается не открывается и при прокрутки оно впадает под форум пример на скрине .

#top_bar {
    font-size: 13px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #55728b;
    z-index: 100;
}

 

49 минут назад, Ciko сказал:

#top_bar {
    font-size: 13px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #55728b;
    z-index: 100;
}

 

Спасибо ! Как всегда на высоте .