Показать сообщение отдельно
Старый 28.03.2010, 18:07 Вверх   #1
Коренной житель
 
Аватар для Stelax
Stelax вне форума
Доп. информация
Хорошо Боковая панелька с красивыми ссылками

Для того, чтобы сделать боковую панельку, необходимо заключить форум в таблицу с ячейками. Левая ячейка будет содержить боковую панельку, а правая - форум.

Для этого нужно отредактировать два шаблона: header и footer. В header таблица будет открываться, а в footer - закрываться.

Открываем шаблон header, находим:
Код:
<!-- content table -->
Добавляем выше:
Код:
<!-- Открываем таблицу -->
<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
        <tr>
                <!-- Левая панелька -->
                <td width="190" valign="top">
                        <div align="left" style="padding: 0px 0px 0px 0px;">
                                <!-- Блок в панельке -->
                                <br />
                                <table class="tborder" width="100%" cellspacing="1" cellpadding="5" border="0" align="center">
                                        <tr>
                                                <td class="tcat" align="center" colspan="1">
                                                        <!-- Название блока -->
Сылки
                                                </td>
                                        </tr>
                                        <tr>
                                                <td class="alt1">
                                                        <!-- Содержимое блока -->

<a name="top"></a>
<META http-equiv=Page-Exit content=BlendTrans(Duration=0)>
<META http-equiv=Page-Enter content=BlendTrans(Duration=0)>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr valign="bottom">

<td width="100%" align="right" nowrap="nowrap" style="padding-right:0px">

<table width="100%" align="right" style="margin-bottom:0px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" align="right">
<a href="http://192.168.222.237/forum/" class="tab">Главная</a>
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a>
</td>
</tr >
</table>


</td>
</tr >
</table>

<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
                                                </td>
                                        </tr>
                                </table>
                                <!-- / Блок в панельке -->
 <!-- Блок в панельке -->
                                <br />
                                <table class="tborder" width="100%" cellspacing="1" cellpadding="5" border="0" align="center">
                                        <tr>
                                                <td class="tcat" align="center" colspan="1">
                                                        <!-- Название блока -->
Часики
                                                </td>
                                        </tr>
                                        <tr>
                                                <td class="alt1">
                                                        <!-- Содержимое блока -->

то што в блоке

                                                </td>
                                        </tr>
                                </table>
                                <!-- / Блок в панельке -->

                       </div>
                </td>
                <!-- / Левая панелька -->
                <!-- Форум -->
                <td valign="top">
Сохраняем.

Далее открываем шаблон footer, находим:
Код:
<!-- /content area table -->
Добавляем ниже:
Код:
                </td>
                <!-- / Форум -->
        </tr>
</table>
<!-- Закрываем таблицу -->
Сохраняем.

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

И у вас получитса чтото вроде этого:


Чтобы ссылки отображались как на скриншоте нужно в CSS стиля в самый низ добавить:
Код:
td.tab a:link,td.tab a:visited,td.tab a:active,a.tab,
td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{
background:transparent url(images/column.gif) top right no-repeat;
font:11pt tahoma,sans-serif;
width:190px;
height:25px;
text-align:center;
padding:2px 0 0;
margin:0 1px;
text-decoration:none;
float:right;
position:relative;
top:3px
}
td.tab a:hover,img.tab a:hover,.tab a:hover,a:hover.tab,
td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{
background:transparent url(images/column.gif) bottom right no-repeat
}
И в папку images закинуть картинку column.rar




Версия панели ТОЛЬКО для главной страницы форума:

Открыть шаблон FORUMHOME, найти:
Код:
$header
Добавить ниже:
Код:
<!-- Открываем таблицу -->
<table cellpadding="0" cellspacing="0" border="0" width="$stylevar[outertablewidth]" class="page" align="center">
        <tr>
                <!-- Левая панелька -->
                <td width="190" valign="top">
                        <div align="left" style="padding: 0px 0px 0px 0px;">
                                <!-- Блок в панельке -->
                                <br />
                                <table class="tborder" width="100%" cellspacing="1" cellpadding="5" border="0" align="center">
                                        <tr>
                                                <td class="tcat" align="center" colspan="1">
                                                        <!-- Название блока -->
Сылки
                                                </td>
                                        </tr>
                                        <tr>
                                                <td class="alt1">
                                                        <!-- Содержимое блока -->

<a name="top"></a>
<META http-equiv=Page-Exit content=BlendTrans(Duration=0)>
<META http-equiv=Page-Enter content=BlendTrans(Duration=0)>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr valign="bottom">

<td width="100%" align="right" nowrap="nowrap" style="padding-right:0px">

<table width="100%" align="right" style="margin-bottom:0px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" align="right">
<a href="http://192.168.222.237/forum/" class="tab">Главная</a>
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a> 
<a href="http://192.168.222.237/forum/" class="tab">Главная</a>
</td>
</tr >
</table>


</td>
</tr >
</table>

<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
                                                </td>
                                        </tr>
                                </table>
                                <!-- / Блок в панельке -->
 <!-- Блок в панельке -->
                                <br />
                                <table class="tborder" width="100%" cellspacing="1" cellpadding="5" border="0" align="center">
                                        <tr>
                                                <td class="tcat" align="center" colspan="1">
                                                        <!-- Название блока -->
Часики
                                                </td>
                                        </tr>
                                        <tr>
                                                <td class="alt1">
                                                        <!-- Содержимое блока -->

то што в блоке

                                                </td>
                                        </tr>
                                </table>
                                <!-- / Блок в панельке -->

                       </div>
                </td>
                <!-- / Левая панелька -->
                <!-- Форум -->
                <td valign="top">
Сохраняем.

Далее открываем шаблон footer, находим:
Код:
<!-- /content area table -->
Найти:
Код:
$footer
Добавить выше:
Код:
                </td>
                <!-- / Форум -->
        </tr>
</table>
<!-- Закрываем таблицу -->

Последний раз редактировалось Serberg; 28.03.2010 в 20:01..
  Ответить с цитированием
7 пользователя(ей) сказали cпасибо:
 
Время генерации страницы 0.06238 секунды с 10 запросами