|
|
Инструкции по vBulletin Всевозможные мануалы, FAQ и инструкции по vBulletin |
|
Опции темы | Поиск в этой теме |
01.06.2009, 20:34 Вверх | #1 | |||
Коварный тип
|
Дополнительное меню форума [смотри скрин]
В этот раз мы будем создавать дополнительное меню форума [смотри скриншот ниже]. Поюзать сие чудо можно у нас на форуме.
Для начала нужно в 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 } Код:
<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] Картинку из архива (bormo.gif) в вложении загружваем в папку images Вашего форума. |
|||
03.07.2009, 23:08 Вверх | #2 | |||
Коварный тип
|
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; } Код:
<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>
|
|||
Последний раз редактировалось Serberg; 01.09.2009 в 23:54.. |
||||
20.09.2009, 01:25 Вверх | #5 | |||
Новичок
|
Для начала нужно в css вашего стиля добавить в самый низ Далее открыть шаблон header и вставить в нужное Вам место код: спасибо большое ! Не могли бы вы еще чуточку конкретики добавить |
|||
20.09.2009, 15:48 Вверх | #8 | |||
Коренной житель
|
1) Управление - Стили и шаблоны - Управление стилями - Выбираем свой стиль - Основная тиблица CSS - Листаем в самый низ и там: Дополнительные определения CSS -- вот туда и вставляем код;
2) Управление - Стили и шаблоны - Поиск в шаблонах - вводите название шаблона в данном случае header и правите его; Не забывайте сохранять все после изменения :))) |
|||
Cказали cпасибо: |
30.03.2010, 00:59 Вверх | #10 | |||
Коварный тип
|
|
|||
30.03.2010, 14:56 Вверх | #12 | |||
Коварный тип
|
|
|||
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Красивое плавающее меню для форума на 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 |