|
|
|
||||||||
| Инструкции по vBulletin Всевозможные мануалы, FAQ и инструкции по vBulletin |
 |
|
|
Опции темы | Поиск в этой теме |
01.06.2009, 19: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, 22: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 в 22:54.. |
||||
|
|
||||
|
20.09.2009, 00:25
Вверх
|
#5 | |||
|
Новичок
 
|
Для начала нужно в css вашего стиля добавить в самый низ Далее открыть шаблон header и вставить в нужное Вам место код: спасибо большое !  Не могли бы вы еще чуточку конкретики добавить  |
|||
|
|
||||
|
20.09.2009, 00:48
Вверх
|
#6 | |||
|
Коварный тип
|
Сообщение от JDR
|
|||
|
|
||||
| Cказали cпасибо: |
|
20.09.2009, 14:48
Вверх
|
#8 | |||
|
Коренной житель
 
|
1) Управление - Стили и шаблоны - Управление стилями - Выбираем свой стиль - Основная тиблица CSS - Листаем в самый низ и там: Дополнительные определения CSS -- вот туда и вставляем код;
2) Управление - Стили и шаблоны - Поиск в шаблонах - вводите название шаблона в данном случае header и правите его; Не забывайте сохранять все после изменения :))) |
|||
|
|
||||
| Cказали cпасибо: |
|
29.03.2010, 23:59
Вверх
|
#10 | |||
|
Коварный тип
|
Сообщение от Pavlushka
|
|||
|
|
||||
|
30.03.2010, 13:56
Вверх
|
#12 | |||
|
Коварный тип
|
Сообщение от Pavlushka
|
|||
|
|
||||
|
19.07.2010, 17:47
Вверх
|
#16 | |||
|
Коварный тип
|
Сообщение от dmitrijan
 И зачем кнопку Сохранить искать вверху, когда она везде и во всем Внизу. Ты когда сообщения пишешь, кнопку отправить же не выше сообщения нажимаешь. |
|||
|
|
||||
| Cказали cпасибо: |
|
|
|
Похожие темы
|
||||
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| Красивое плавающее меню для форума на JS | Serberg | Инструкции по vBulletin | 8 | 11.09.2016 08:29 |
| [Вопрос] Дополнительное описание раздела | Xasim | vBulletin 4.x | 0 | 28.02.2011 22:02 |
| Как сделать дополнительное меню ? | Xaker | vBulletin 3.х | 5 | 28.04.2010 20:30 |
| Дополнительное меню в navbar | Slavok47 | vBulletin 3.х | 7 | 20.12.2009 21:29 |
