Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Слетает соединение с форумомавтор Logic Декабрь 1st 2023, 15:21
» Скачать иконки наград
автор Logic Декабрь 1st 2023, 11:28
» Поздравляю Danu Domirani с Днём рождения!
автор Дмитрий Зверев Ноябрь 24th 2023, 10:33
» Загрузка форума
автор Дмитрий Зверев Ноябрь 24th 2023, 10:16
» Проблемы на форумах 2х2 с открытием спойлера и ограничением html
автор Дмитрий Зверев Ноябрь 24th 2023, 10:13
» Кто знает, как послать модера в недруги?
автор kamsus Октябрь 27th 2023, 05:01
» Как удалить счетчики и баннеры на форуме
автор Of Сентябрь 19th 2023, 15:21
» Проблема загрузки и работы форума для админа
автор TK Сентябрь 19th 2023, 12:21
» инструкция с картинками по загрузке с мобильного
автор literrary Сентябрь 16th 2023, 10:09
» Редактирование поста
автор yudined Сентябрь 5th 2023, 02:42
Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
Страница 1 из 1
Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
[phpBB2]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда два кода:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 1751378m](http://savepic.net/1751378m.png)
[punBB]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда коды:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
Можно без вмешательства в шаблон.
Просто вставьте в CSS код
[phpBB3]
В CSS вставляем коды
[Invision]
В CSS ставим код
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
![Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА] 2892831m](http://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](http://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](http://savepic.ru/2892831m.png)
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

» Фиксированное меню навигации
» Фиксированное меню навигации - центрирование
» Вопрос по туториалу "Фиксированное меню навигации"
» Меню навигации вверху форума
» Меню навигации вверху форума
» Фиксированное меню навигации - центрирование
» Вопрос по туториалу "Фиксированное меню навигации"
» Меню навигации вверху форума
» Меню навигации вверху форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения