Перенос кнопок навигации наверх, но...

Добрый день, это снова я!

Предположим, есть форум, оформленный так:

Спойлер:

Видите, где стоит панель навигации? А как перенести ее так вот:

Спойлер:

Теперь она сверху. НО! Она не растягивает форум. (нарисовала в фотошопе)
Как сделать нарисованное мной реальным? И чтобы шапка не входила в форум...
Картинки за меня все сказали.
з.ы. шапка будет больше, гораздо, так вышло, что так мелко нарисовала.

Заранее спасибо^^

Тебе повезло, что у тебю phpbb2.
Жди, завтра выложу вариант

Belokniznik, спасибо! *О*
ждем ><

А вот этот готовый вариант Вы не рассматривали? https://help.forum2x2.ru/t20822-topic

Единственно, что Вам оттуда не нужно — это фоновое изображение меню.

Dana Domirani, а как насчет шапки?..

да и еще, вышло, что кнопки закреплены наверху, а мне это не желательно (

да и еще, вышло, что кнопки закреплены наверху, а мне это не желательно (

Замените в настройках меню (в CSS и шаблоне) fixed на absolute

Dana Domirani, а как насчет шапки?..

Что касается шапки.
В том же шаблоне overall_header (Верхняя часть страницы) удалите фрагмент:

Код:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

А перед строкой

Код:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

поставьте

Код:

<div id="my_logo"><!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center --></div>

Сохраните, опубликуйте.

Укажите в ПА > Оформление > Верхняя часть страниц & Навигация > Позиция эмблемы (лого) : по центру

А в CSS добавьте:

Код:

#my_logo {
  text-align: center;
  margin-bottom: 10px;
}

Отлично, с кнопками получилось!

И с шапкой!

Dana Domirani, спасибо вам большое, вы просто золотце! *О*

Рада была помочь!