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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Панель навигации над шабкой

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

Решено Панель навигации над шабкой

Сообщение автор Драгоника в Чт 15 Сен - 15:23

Добрый день, уважаемые знатоки.
Мне в голову пришла одна достаточно странная идея, но, вот беда, я не совсем понимаю, как её реализовать. Суть её состоит в чём:
Мне хотелось бы сделать так, чтобы панель навигации стояла над шапкой (Форум, ЧаВо, Поиск и весь стандартный набор) в отведённом для неё месте. Кнопки - без картинок, просто текст, но текст бы подсвечивался при наведении, как на обычном меню Invision. А на привычном месте под шапкой стояли бы нарисованные красивые кнопочки.
Догадываюсь, что объяснять я не умею, по сему, прилагаю рисовашку.


Надеюсь на вашу помощь и буду благодарна всем советам.


Последний раз редактировалось: Драгоника (Чт 15 Сен - 21:48), всего редактировалось 1 раз(а)

Драгоника
Новичок

Пол : Женщина
Сообщения : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-01

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

Решено Re: Панель навигации над шабкой

Сообщение автор gorezcaid в Чт 15 Сен - 19:16

Для форума http://avalon.mirbb.net/
Переместить навигацию вверх можно с помощью CSS:
Код:
div#page-header div.navbar{
position:absolute;
top:0px;/*Отступ сверху*/
left:25%;/*Отступ слева*/
right:25%;/*Отступ справа*/
font-size: 15px;/*Размер шрифта*/
}
А добавить новые кнопки можно с помощью скрипта...

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

Решено Re: Панель навигации над шабкой

Сообщение автор Драгоника в Чт 15 Сен - 19:26

Прошу прощения, не меняла ссылку.
Для http://honor.forumei.net/, а поставленный туда, код неактивен.

Драгоника
Новичок

Пол : Женщина
Сообщения : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-01

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

Решено Re: Панель навигации над шабкой

Сообщение автор gorezcaid в Чт 15 Сен - 19:32

Код:
#submenu {
position:absolute;
top:0px;/*Отступ сверху*/
left:15%;/*Отступ слева*/
right:15%;/*Отступ справа*/
width:70%;/*Относительная ширина*/
}

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

Решено Re: Панель навигации над шабкой

Сообщение автор gorezcaid в Чт 15 Сен - 19:52

Если захотите зафиксировать панель навигации за форумом, то замените верхний код на:
Код:
#submenu {
position: fixed;/*фиксировать позицию*/
top:0px;/*Отступ сверху*/
left:15%;/*Отступ слева*/
right:15%;/*Отступ справа*/
width:70%;/*Относительная ширина*/
z-index: 20000;/*Поверх всего*/
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: rgb(211, 255, 207) !important;/*Цвет Панели навигации*/
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(0, 0, 0);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(0, 0, 0);
border-right-style: solid;
border-right-width: 1px;
}

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

Решено Re: Панель навигации над шабкой

Сообщение автор Домовой в Чт 15 Сен - 20:42

Вот так я делал у себя на форуме.
Только у меня кнопками а я выкладываю туториал ссылками.

[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;">
Сохраняем и опубликовываем.

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



Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

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

Решено Re: Панель навигации над шабкой

Сообщение автор Драгоника в Чт 15 Сен - 21:47

Спасибо огромное за помощь, вопрос решён!)
13

Драгоника
Новичок

Пол : Женщина
Сообщения : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2011-05-01

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

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

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

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