Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
Страница 1 из 1
Фиксированное меню навигации [ВСЕ ВЕРСИИ ФОРУМА]
[phpBB2]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда два кода:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
[punBB]
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в CSS и ставим туда коды:
Далее идём в ПА - Оформление - Шаблоны - Общие настройки
открываем шаблон overall_header (Верхняя часть страницы)
находим ближе к низу шаблона фрагмент:
Можно без вмешательства в шаблон.
Просто вставьте в CSS код
[phpBB3]
В CSS вставляем коды
[Invision]
В CSS ставим код
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
Идём в ПА - Оформление - Главная - Верхняя часть страниц & Навигация
Показывать в панели навигации только картинки : НЕТ или ДА (зависит от того что у вас в панели, картинки или текстовые ссылки)
Позиция меню : по центру
Сохранить.
Далее идём в 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;
}
В результате получаем вот такое меню, которое будет всегда оставаться на своём месте даже при прокрутке страницы.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|