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

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

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

Ответ
 
Опции темы Поиск в этой теме
Старый 01.06.2009, 20:34 Вверх   #1
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Хорошо Дополнительное меню форума [смотри скрин]

В этот раз мы будем создавать дополнительное меню форума [смотри скриншот ниже]. Поюзать сие чудо можно у нас на форуме.



Для начала нужно в 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/bormo.gif) top right no-repeat;
font:10pt tahoma,sans-serif;
width:76px;
height:20px;
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/bormo.gif) bottom right no-repeat
}
Далее открыть шаблон header и вставить в нужное Вам место код:

Код:
<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 align="left"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

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

<table width="100%" align="right" style="margin-bottom:1px" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" align="right">
<a href="http://bormotuhi.net/index.php" class="tab">Главная</a> 
<a href="http://bormotuhi.net/forum/index.php" class="tab">Форум</a>
<a href="http://bormotuhi.net/forum/forumdisplay.php?f=14" class="tab">Стили</a>
<a href="http://bormotuhi.net/forum/forumdisplay.php?f=19" class="tab">Модули</a> 
<a href="http://bormotuhi.net/forum/forumdisplay.php?f=15" class="tab">Графика</a> 
</td>
</tr >
</table>


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

<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
Вышеописанный код представляет собой готовое ренешение при в ставке в header, тоесть содержимое шаблона нужно просто напросто заменить, не забывая поправить ссылки на свои.

Картинку из архива (bormo.gif) в вложении загружваем в папку images Вашего форума.
Вложения
Тип файла: zip bormo.zip (2.0 Кб, 105 просмотров)
  Ответить с цитированием
7 пользователя(ей) сказали cпасибо:
Старый 03.07.2009, 23:08 Вверх   #2
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
Хорошо Another Forum Tabs - панель линков

Another Forum Tabs - панель линков

Вот нашел еще одну дополнительную панельку ликов.



1. Залейте файл vibetab.gif в папку images
2. Идем в "Дополнительные определения CSS", добавляем:

Код:
#vibetab 
{ 
    margin:5px 0 0 0px; 
    height:29px; 
    font-weight:bold; 
} 
#vibetab a 
{ 
    color:white; 
    background:url(images/vibetab.gif) 0% 0% no-repeat; 
    text-decoration: none; 
    padding-left: 6px; 
    margin:0; 
    height:29px; 
    outline:0; 
} 
#vibetab a span 
{ 
    background: url(mages/vibetab.gif) 100% 0% no-repeat; 
    padding: 9px 12px 0 4px; 
    height:29px; 
    cursor: pointer; 
} 
#vibetab a, #vibetab a span 
{ 
    display: block; 
    float: left; 
} 
#vibetab a#active_menutopnav 
{ 
    color: black; 
    background:url(images/vibetab.gif) 0% 44% no-repeat; 
} 
#vibetab a#active_menutopnav span 
{ 
    background: url(images/vibetab.gif) 100% 50% no-repeat; 
} 
#vibetab a:hover 
{ 
    color: white; 
    background:url(images/vibetab.gif) 0% 89% no-repeat; 
} 
#vibetab a:hover span 
{ 
    background: url(images/vibetab.gif) 100% 100% no-repeat; 
} 

#vibetab ul 
{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 
#vibetab li 
{ 
    float: left; 
    margin: 0; 
}
3. Открываем шаблон navbar и в самый верх добавляем:

Код:
<div id="vibetab"> 
    <ul> 
    <li><a href="#" id="active_menutopnav"><span>Portal</span></a></li> 
    <li><a href="#"><span>Forum</span></a></li> 
    <li><a href="#"><span>Article</span></a></li> 
    <li><a href="#"><span>Mods</span></a></li> 
    <li><a href="#"><span>Styles</span></a></li> 
    <li><a href="#"><span>Graphic</span></a></li> 
    <li><a href="#"><span>Page 1</span></a></li> 
    <li><a href="#"><span>Page 2</span></a></li> 
    <li><a href="#"><span>Page 3</span></a></li> 
    </ul> 
    </div>
  • Вместо # пропишите путь к ссылке.
  • Также меняете названия.
Вложения
Тип файла: zip vibetab.zip (8.1 Кб, 86 просмотров)

Последний раз редактировалось Serberg; 01.09.2009 в 23:54..
  Ответить с цитированием
8 пользователя(ей) сказали cпасибо:
Старый 01.09.2009, 23:39 Вверх   #3
Новичок
 
Аватар для alpden
alpden вне форума
Доп. информация
По умолчанию

Перезалейте,плиз...
  Ответить с цитированием
Старый 01.09.2009, 23:54 Вверх   #4
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от alpden Посмотреть сообщение
Перезалейте,плиз...
Перезалил
  Ответить с цитированием
Cказали cпасибо:
Старый 20.09.2009, 01:25 Вверх   #5
Новичок
 
Аватар для JDR
JDR вне форума
Доп. информация
По умолчанию



Для начала нужно в css вашего стиля добавить в самый низ

Далее открыть шаблон header и вставить в нужное Вам место код:

спасибо большое !

Не могли бы вы еще чуточку конкретики добавить
  Ответить с цитированием
Старый 20.09.2009, 01:48 Вверх   #6
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от JDR Посмотреть сообщение
Не могли бы вы еще чуточку конкретики добавить
Куда конкретней то ? Я так понял тебе хотя бы админку изучить бы перед тем как ты начнешь что то делать.
  Ответить с цитированием
Cказали cпасибо:
Старый 20.09.2009, 02:38 Вверх   #7
Новичок
 
Аватар для JDR
JDR вне форума
Доп. информация
По умолчанию

Согласен ! Все мы когда то начинали !
  Ответить с цитированием
Старый 20.09.2009, 15:48 Вверх   #8
Коренной житель
 
Аватар для TriGun
TriGun вне форума
Доп. информация
По умолчанию

1) Управление - Стили и шаблоны - Управление стилями - Выбираем свой стиль - Основная тиблица CSS - Листаем в самый низ и там: Дополнительные определения CSS -- вот туда и вставляем код;

2) Управление - Стили и шаблоны - Поиск в шаблонах - вводите название шаблона в данном случае header и правите его;

Не забывайте сохранять все после изменения :)))
  Ответить с цитированием
Cказали cпасибо:
Старый 30.03.2010, 00:47 Вверх   #9
Пользователь
 
Аватар для Pavlushka
Pavlushka вне форума
Доп. информация
По умолчанию

а как модифицировать (или может есть готовый вариант) верхнее меню под такое, как у вас на форуме? (файлы, дополнительно, сообщения)..
  Ответить с цитированием
Старый 30.03.2010, 00:59 Вверх   #10
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Pavlushka Посмотреть сообщение
а как модифицировать (или может есть готовый вариант) верхнее меню под такое, как у вас на форуме? (файлы, дополнительно, сообщения)..
Дополнительная панель линков в navbar
  Ответить с цитированием
Старый 30.03.2010, 13:40 Вверх   #11
Пользователь
 
Аватар для Pavlushka
Pavlushka вне форума
Доп. информация
По умолчанию

Serberg, спасибо, только это не совсем то, что мне нужно. мне интересно, как сделать меню, которое над логотипом..
  Ответить с цитированием
Старый 30.03.2010, 14:56 Вверх   #12
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Pavlushka Посмотреть сообщение
Serberg, спасибо, только это не совсем то, что мне нужно. мне интересно, как сделать меню, которое над логотипом..
Выпадающее меню на CSS (без Javascript)
  Ответить с цитированием
Старый 19.07.2010, 18:28 Вверх   #13
Пользователь
 
Аватар для dmitrijan
dmitrijan вне форума
Доп. информация
По умолчанию

Цитата Сообщение от TriGun Посмотреть сообщение
1) Управление - Стили и шаблоны - Управление стилями - Выбираем свой стиль - Основная тиблица CSS - Листаем в самый низ и там: Дополнительные определения CSS -- вот туда и вставляем код;
А как сохранить? Там нет такой кнопки :(
  Ответить с цитированием
Старый 19.07.2010, 18:32 Вверх   #14
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от dmitrijan Посмотреть сообщение
А как сохранить? Там нет такой кнопки :(
А если поискать перед тем как писать ?
  Ответить с цитированием
Старый 19.07.2010, 18:42 Вверх   #15
Пользователь
 
Аватар для dmitrijan
dmitrijan вне форума
Доп. информация
По умолчанию

Да искал я, там кроме как кнопка "Вперед" в самом верху, больше кнопок нет.
  Ответить с цитированием
Старый 19.07.2010, 18:47 Вверх   #16
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от dmitrijan Посмотреть сообщение
Да искал я, там кроме как кнопка "Вперед" в самом верху, больше кнопок нет.
А это тогда что ?



И зачем кнопку Сохранить искать вверху, когда она везде и во всем Внизу. Ты когда сообщения пишешь, кнопку отправить же не выше сообщения нажимаешь.
  Ответить с цитированием
Cказали cпасибо:
Старый 19.07.2010, 19:25 Вверх   #17
Пользователь
 
Аватар для dmitrijan
dmitrijan вне форума
Доп. информация
По умолчанию

Теперь я увидел, что у вас кнопки есть, а у меня их просто нет. Вот мой скрин.
  Ответить с цитированием
Старый 19.07.2010, 20:00 Вверх   #18
Пользователь
 
Аватар для dmitrijan
dmitrijan вне форума
Доп. информация
По умолчанию

Решил проблему переустановкой конференции на более старую версию (3.8.4).
  Ответить с цитированием
Старый 19.07.2010, 20:00 Вверх   #19
Модератор
 
Аватар для Slavok47
Slavok47 вне форума
Доп. информация
По умолчанию

dmitrijan, хм, попробуй сменить стиль админки
  Ответить с цитированием
Cказали cпасибо:
Старый 23.01.2011, 22:02 Вверх   #20
Опытный пользователь
 
Аватар для Domawoi
Domawoi вне форума
Доп. информация
По умолчанию

Цитата Сообщение от dmitrijan Посмотреть сообщение
Да искал я, там кроме как кнопка "Вперед" в самом верху, больше кнопок нет.
а деиствительно а где кнопка сохранить??? я тоже не вижу здесь...
  Ответить с цитированием
Старый 06.02.2011, 17:03 Вверх   #21
Новичок
 
Аватар для agrachev
agrachev вне форума
Доп. информация
По умолчанию

а есть у кого другого цвета кнопки для vibetab ? под черный фон.
  Ответить с цитированием
Старый 09.02.2011, 01:54 Вверх   #22
Новичок
 
Аватар для ruzya
ruzya вне форума
Доп. информация
По умолчанию

Скажите что я не так зделал

Нашёл причину

Последний раз редактировалось ruzya; 09.02.2011 в 02:47..
  Ответить с цитированием
Старый 09.02.2011, 08:44 Вверх   #23
Коварный тип
 
Аватар для Serberg
Serberg вне форума
Доп. информация
По умолчанию

Цитата Сообщение от agrachev Посмотреть сообщение
а есть у кого другого цвета кнопки для vibetab ? под черный фон.
Ручками обычно по черный цвет переделывают.
  Ответить с цитированием
Ответ


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

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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Красивое плавающее меню для форума на JS Serberg Инструкции по vBulletin 8 11.09.2016 09:29
[Вопрос] Дополнительное описание раздела Xasim vBulletin 4.x 0 28.02.2011 23:02
Как сделать дополнительное меню ? Xaker vBulletin 3.х 5 28.04.2010 21:30
Дополнительное меню в navbar Slavok47 vBulletin 3.х 7 20.12.2009 22:29


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


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

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