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

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


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

Для форума http://avalon.mirbb.net/
Переместить навигацию вверх можно с помощью CSS:

Код:

div#page-header div.navbar{
position:absolute;
top:0px;/*Отступ сверху*/
left:25%;/*Отступ слева*/
right:25%;/*Отступ справа*/
font-size: 15px;/*Размер шрифта*/
}

А добавить новые кнопки можно с помощью скрипта...

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

Если захотите зафиксировать панель навигации за форумом, то замените верхний код на:

Код:

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

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

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

Сохраняем и опубликовываем.

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

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