Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > vBulletin 3.х > Инструкции по vBulletin
Расширенный поиск

Инструкции по vBulletin Всевозможные мануалы, FAQ и инструкции по vBulletin

Ответ
 
Опции темы Поиск в этой теме
Старый 28.03.2010, 19: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 в 21:01..
  Ответить с цитированием
7 пользователя(ей) сказали cпасибо:
Старый 28.03.2010, 19:24 Вверх   #2
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Можно скриншоты добавить для данной темы ? Чтобы видно было наглядно что хоть делается.
  Ответить с цитированием
Старый 28.03.2010, 19:27 Вверх   #3
Коренной житель
 
Аватар для Stelax
Stelax вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Serberg Посмотреть сообщение
Можно скриншоты добавить для данной темы ? Чтобы видно было наглядно что хоть делается.
Вот тамже есть скриншот
И у вас получитса чтото вроде этого:
  Ответить с цитированием
Cказали cпасибо:
Старый 28.03.2010, 19:35 Вверх   #4
.:V.I.P.:.
 
Аватар для IRIDON
IRIDON вне форума
Доп. информация
По умолчанию

Гы =) Помню помню
  Ответить с цитированием
Старый 28.03.2010, 21:06 Вверх   #5
Коренной житель
 
Аватар для Stelax
Stelax вне форума
Доп. информация
По умолчанию

Цитата Сообщение от JaGuaRUS 69 Посмотреть сообщение
.........................
Далее открываем шаблон footer, находим:
Код:
<!-- /content area table -->
Найти:
Код:
$footer
Добавить выше:
Код:
                </td>
                <!-- / Форум -->
        </tr>
</table>
<!-- Закрываем таблицу -->
У меня немного в конце не правельно надо просто :

....................
Найти:
Код:
$footer
Добавить выше:
Код:
                </td>
                <!-- / Форум -->
        </tr>
</table>
<!-- Закрываем таблицу -->
  Ответить с цитированием
2 пользователя(ей) сказали cпасибо:
Старый 15.09.2010, 16:11 Вверх   #6
Коренной житель
 
Аватар для igoris26
igoris26 вне форума
Доп. информация
По умолчанию

в моём шаблоне нету $footer
  Ответить с цитированием
Старый 15.09.2010, 16:57 Вверх   #7
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от igoris26 Посмотреть сообщение
в моём шаблоне нету $footer
Ну да. Может у тебя не булка совсем ? Структура шаблона зависит от того кто его верстает. Переменные и сама структура может глобально меняться, так что эту самую $footer можно найти в каком нить другом шаблоне твоего стиля.

Если ты совсем не разбираешься в этом - то могу сразу посоветовать тебе не занимать конструированием данной колонки, т.к. у тебя все равно не получится сделать ее на не стандартном шаблоне. Эта инструкция применима только к нему и ему подобным шабам с одинаковой структурой.
  Ответить с цитированием
Старый 24.09.2010, 01:33 Вверх   #8
Пользователь
 
Аватар для madsb
madsb вне форума
Доп. информация
По умолчанию

а как такую же колонку только с правой стороны сделать?
  Ответить с цитированием
Старый 24.09.2010, 19:33 Вверх   #9
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от madsb Посмотреть сообщение
а как такую же колонку только с правой стороны сделать?
Открываешь книгу 1996 года под названием HTML от А до Я и начинаешь читать. Как только с простейшим языком ознакомишься - сразу вопросы подобного плана отпадут. Ну возможно понадобится капелька CSS.
  Ответить с цитированием
Старый 24.08.2012, 10:14 Вверх   #10
Знаток
 
Аватар для sertaras
sertaras вне форума
Доп. информация
По умолчанию

Цитата Сообщение от madsb Посмотреть сообщение
а как такую же колонку только с правой стороны сделать?
Есть шаблоны уже с колонками и с правой и с левой скачай поковыряй будешь в курсе что как...
  Ответить с цитированием
Старый 24.08.2012, 11:59 Вверх   #11
Коренной житель
 
Аватар для GladPhoenix
GladPhoenix вне форума
Доп. информация
По умолчанию

Оффтоп
  Ответить с цитированием
Старый 24.08.2012, 12:17 Вверх   #12
Грамотный форумчанин
 
Аватар для ChiefMate
ChiefMate вне форума
Доп. информация
По умолчанию

Оффтоп
  Ответить с цитированием
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[Инструкция] Установка кнопки блокировки (боковая) CraSTIX Nokia 0 16.06.2011 21:30
Панелька внизу NuRt1ck vBulletin 3.х 5 06.06.2011 11:52
Проблема с ссылками Bulkinnic vBulletin 4.x 1 21.08.2010 08:19
[Вопрос] Боковая панель Kernet vBulletin 3.х 2 28.09.2009 21:14
Боковая панель на Windows Vista Rusfetische Windows 3 14.03.2009 13:40


Текущее время: 18:08. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.15284 секунды с 12 запросами