Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]

[phpBB2]

Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.

Далее идём в CSS и ставим туда два кода:

Код:

/*Расположение и фон меню навигации*/
#blok_menu {
background-image: url("http://savepic.ru/2753057.jpg") !important; /*фон блока меню*/
position: fixed;
padding-top: 0px;
z-index: 999;
width: 100%!important;
height: 25px; /*высота блока меню*/
border-bottom:3px ridge #BFDCFE; /*толщина, стиль и цвет полосы под блоком меню*/
margin: 0;
}

Код:

/*отступ форума от верха*/
body {
margin-top:35px;
}

Сохранить.

Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:

Код:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

и заменяем его на это:

Код:

<div id="blok_menu" style="position:fixed; left:0%; top: 0px;">
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
                                  </div>

Сохраняем и опубликовываем.

В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.

---

[punBB]

Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.

Далее идём в CSS и ставим туда коды:

Код:

/*Фон меню навигации*/
#pun-head #pun-navlinks{
background-color:#87CEFA; /*фон меню навигации*/
position:fixed;
padding-top:5;
z-index: 999;
width:100%;
border-bottom:double 4px #7B68EE; /*линия под полем меню*/
}

Код:

/*отступ форума от верха*/
body {
margin-top:30px!important;
}
.pun {
margin-top: 30px!important;
}

Сохранить.

Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:

Код:

<div id="pun-navlinks">

и заменяем его на:

Код:

<div id="pun-navlinks" style="position:fixed; left:0%; top: 0px;">

Сохраняем и опубликовываем.



Можно без вмешательства в шаблон.
Просто вставьте в CSS код

Код:

/*Расположение и фон меню навигации*/
#pun-navlinks ul  {
background-image:url("Фоновое изображение") !important; /*фон блока меню*/
position:fixed;
top:0;
left:0;
z-index: 999;
width:100%;
height:22px; /*высота блока меню*/
border-bottom:3px ridge #4D6279; /*толщина, стиль и цвет полосы под блоком меню*/
text-align:center;
padding-top:7px;
}

body {
margin-top:30px;
}

[phpBB3]

В CSS вставляем коды

Код:

/*Расположение и фон меню навигации*/
#page-header div.navbar ul.linklist {
background-image:url("Фоновое изображение") !important; /*фон блока меню*/
position:fixed;
top:0;
left:0;
z-index:999;
width:100%;
height:25px; /*высота блока меню*/
border-bottom:3px ridge #BFDCFE; /*толщина, стиль и цвет полосы под блоком меню*/
text-align:center;
margin:0;
}

body {
margin-top:35px;
}

[Invision]

В CSS ставим код

Код:

/*Расположение и фон меню навигации*/
#submenu ul  {
background-image:url("Фоновое изображение") !important; /*фон блока меню*/
position:fixed;
top:0;
left:0;
z-index: 999;
width:100%;
height:22px; /*высота блока меню*/
border-bottom:3px ridge #4D6279; /*толщина, стиль и цвет полосы под блоком меню*/
text-align:center;
padding-top:7px;
}

body {
margin-top:30px;
}

В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.