Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Домовой в Ср 19 Окт - 12:51

[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;
}


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

avatar
Домовой
 

Мужчина

Сообщения : 6806
Возраст : 94
Регистрация : 2010-01-30
Благодарности : 3234

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения