Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Обновление : Добавление GIF в сообщения с помощью кнопки в редактореавтор Dana Domirani Вчера в 17:47
» Проблема с переходом на другой пакет услуг
автор Luz Апрель 6th 2021, 16:08
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор roofius Апрель 4th 2021, 22:52
» [Проблема] Напортачил с оформлением
автор literrary Апрель 4th 2021, 10:17
» Проблемы с URL форума
автор ARMIN Апрель 2nd 2021, 20:08
» Проблема видео с VK в сообщениях.
автор fatalone Март 30th 2021, 17:34
» Проблемы со сменой создателя
автор gfy Март 30th 2021, 02:03
» Работа с картинками
автор Феникс Март 16th 2021, 15:07
» В редакторе быстрого ответа проблема с набором текста
автор fatalone Март 15th 2021, 01:30
» Как убрать смайлы Emojis by twemoji
автор Dionisiy Март 14th 2021, 15:11
Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
[phpBB2]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда два кода:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 1751378m](https://2img.net/h/savepic.net/1751378m.png)
[punBB]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда коды:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
Можно без вмешательства в шаблон.
Просто вставьте в CSS код
[phpBB3]
В CSS вставляем коды
[Invision]
В CSS ставим код
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 2892831m](https://2img.net/h/savepic.ru/2892831m.png)
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в 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>
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 1751378m](https://2img.net/h/savepic.net/1751378m.png)
[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;
}
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 2892831m](https://2img.net/h/savepic.ru/2892831m.png)
Домовой-
-
Сообщения : 6801
Возраст : 97
Регистрация : 2010-01-30
Благодарности : 3243
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения