Несколько раз задавал тут и на суппорте вопрос (
Можно ли каким нибудь способом выдрать навбар с четверки и поставить его на тройку?)
Решение нашлось и решил им поделиться))
Скрин:
В шаблон
navbar или в какой нибудь другой, у меня в
header вставляем код:
PHP код:
<!-- Nvabar из vb4 -->
<link rel="stylesheet" type="text/css" href="navbarvb4.css" />
<div id="navbanlx" class="navbanlx" style="position:relative;">
<ul id="navtabsnlx" class="navtabsnlx" style="margin:0;">
<if condition="!in_array(THIS_SCRIPT, array('search', 'vbgamez', 'vbimghost'))">
<li class="selected nocg"><a class="navtabnlx" href="index.php">Главная</a>
<ul class="floatcontainer" style="padding:0;margin:0;">
<if condition="$show['member']">
<li class="nocg"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li></if>
<if condition="$show['registerbutton']">
<li class="nocg"><a href="register.php$session[sessionurl_q]" rel="neLeax">$vbphrase[register]</a></li></if>
<li class="nocg"><a href="faq.php$session[sessionurl_q]">$vbphrase[faq]</a></li>
<li class="nocg"><a href="/forum/misc.php?do=cfrules">Правила</a></li>
<li class="nocg"><a id="community" href="#">Сообщество</a></li><script type="text/javascript"> vbmenu_register("community", true); </script>
<li class="nocg"><a href="calendar.php?">Календарь</a></li>
<li class="nocg"><a id="navbar_search" href="#">Поиск</a></li><script type="text/javascript"> vbmenu_register("navbar_search", true); </script>
<li class="nocg"><a id="usercptools" href="#">Навигация</a></li><script type="text/javascript"> vbmenu_register("usercptools", true); </script>
</ul></li>
<else />
<li class="nocg"><a class="navtabnlx" href="index.php">Главная</a></li>
</if>
<if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT === 'search'">
<li class="selected nocg"><a class="navtabnlx" href="/forum/search.php?do=getdaily">Что нового?</a>
<ul class="floatcontainer" style="padding:0;margin:0;">
<li class="nocg"><a href="/forum/forumdisplay.php?do=markread">Отметить все разделы прочитанными</a></li>
<li class="nocg"><a href="/forum/search.php?do=getnew">Новые сообщения</a></li>
<li class="nocg"><a href="/forum/search.php?do=getdaily">Сообщения за день</a></li>
</ul></li></li>
<else />
<li class="nocg"><a class="navtabnlx" href="/forum/search.php?do=getdaily">Что нового?</a></li>
</if>
<if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'vbgamez'">
<li class="selected nocg"><a class="navtabnlx" href="/forum/vbgamez.php?do=allservers">Игровые сервера</a>
<ul class="floatcontainer" style="padding:0;margin:0;">
<li class="nocg"><a href="/forum/vbgamez.php?do=allservers">Сервера online</a></li>
<li class="nocg"><a href="/forum/vbgamez.php?do=myservers">Мои сервера</a></li>
<li class="nocg"><a href="/forum/vbgamez.php?do=addserver">Добавить сервер</a></li>
<li class="nocg"><a href="/forum/vbgamez.php?do=search">Поиск</a></li>
<li class="nocg"><a href="/forum/vbgamez.php?do=top">TOP серверов</a></li>
<li class="nocg"><a href="/forum/vbgamez_userbar.php">Мои юзербары</a></li>
</ul></li></li>
<else />
<li class="nocg"><a class="navtabnlx" href="/forum/vbgamez.php?do=allservers">Игровые сервера</a></li>
</if>
<if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'vbimghost'">
<li class="selected nocg"><a class="navtabnlx" href="/forum/vbimghost.php?do=userlist">Изображения</a>
<ul class="floatcontainer" style="padding:0;margin:0;">
<li class="nocg"><a href="/forum/vbimghost.php?do=userlist">Все изображения</a></li>
<li class="nocg"><a href="/forum/vbimghost.php?do=myimages">Мои изображения</a></li>
<li class="nocg"><a href="/forum/vbimghost.php?do=upload">Загрузить изображения</a></li>
</ul></li>
<else />
<li class="nocg"><a class="navtabnlx" href="/forum/vbimghost.php?do=userlist">Изображения</a></li>
</if>
</ul>
<div id="globalsearch" class="globalsearch">
<form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<span class="textboxcontainer"><span><input class="bginput" type="text" name="query" tabindex="1004" value="$vbphrase[search]..." onfocus="if (this.value == '$vbphrase[search]...') this.value = '';" onblur="if (this.value == '') this.value = '$vbphrase[search]...';" size="17" style="font-size: 11px;" /></span></span>
<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="images/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="1004"/></span></span>
</form>
<ul class="navbar_advanced_search nocg" style="margin:0;">
<li><a href="search.php">Расширенный поиск</a></li>
</ul></div></div></div>
<!-- /Nvabar из vb4 -->
Название и содерхимое блоков меняем на свое!
В коде есть такие строки:
Это названия php фалов где не будет показыватся первый блок:
Код:
<if condition="!in_array(THIS_SCRIPT, array('search', 'vbgamez', 'vbimghost'))">
Это значит название php файла где будет включаться данный блок:
Код:
<if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'vbimghost'">
==========================================================
Скачиваем файл
navbar_iz_vb4.rar и заливаем в корневой каталог, или создаем сами в корне файл
navbarvb4.css со следующим содержимым:
PHP код:
.nocg {
list-style:none;
}
.navbanlx {
z-index:2;
height:53px;
background:#323232;/* цвет нижнего блока*/
padding:0 0 0 0;
color:rgb(255, 255, 255);
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
}
.navtabsnlx {
background:#F7F7F7 url(/forum/images/gradients/gradient_thead.gif) repeat-x top left;/* цвет верхнего блока*/
padding-left: 20px;
height: 26px;
_background-image:none;
}
.navtabsnlx ul {
position:absolute;
top:26px;
left:0px;
width:100%;
border-top:1px solid #81c3d4;/* цвет разделительной линии*/
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
margin-right:-80px;
}
.navtabsnlx li {
float:left;
border-right: 1px;
}
.navtabsnlx ul li:first-child {
text-indent: 15px;
border-left: 0;
}
.navtabsnlx ul li {
border-right: 0;
position: relative;
}
.navtabsnlx li a {
height:26px;
line-height:26px;
padding:0 10px;
}
.navtabsnlx li a.navtabnlx {
border-right: 2px solid #323232;/* цвет разделителных полс между блоками*/
display:block;
_background-image:none;
min-width:60px;
width:auto !important;
width:60px;
_min-width:75px;
_width:auto !important;
_width:75px;
text-align:center;
color: #ffffff;
font: bold 12px Arial, Calibri, Verdana, Geneva, sans-serif;
text-decoration:none;
line-height:26px;
}
.navtabsnlx li a.navtabnlx:hover {
border-top: 1px solid #81c3d4;/* цвет линии верха наведенного блока*/
border-left: 1px solid #81c3d4;/* цвет линии левого бока наведенного блока*/
border-right: 1px solid #81c3d4;/* цвет линии правого бока наведенного блока*/
background:#444444;/* цвет наведенного блока*/
_background-image:none;
color:#81c3d4;/* цвет текста наведенного блока*/
position:relative;
top:-3px;
padding-top:2px;
z-index:10;
border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px;
border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-top-right-radius: 10px;
}
.navtabsnlx li.selected {
height:26px;
}
.navtabsnlx li.selected a.navtabnlx {
border-top: 1px solid #81c3d4;/* цвет линии верха нажатого блока*/
border-left: 1px solid #81c3d4;/* цвет линии левого бока нажатого блока*/
border-right: 1px solid #81c3d4;/* цвет линии правого бока нажатого блока*/
color:#81c3d4;/* цвет текста нажатого блока*/
background:#323232;/* цвет нажатого блока*/
_background-image:none;
position:relative;
top:-7px;
padding-top:7px;
z-index:10;
border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -khtml-border-top-left-radius: 10px;
border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-top-right-radius: 10px;
}
.navtabsnlx li.selected li a,
.navbar_advanced_search li a {
text-decoration:none;
font: 11px Arial, Calibri, Verdana, Geneva, sans-serif;
line-height: 26px;
}
.navtabsnlx li.selected li a {
padding:2px 7px;
}
.navtabsnlx li.selected .popupbody li > a {
padding:0px 10px;
text-indent: 0;
}
.globalsearch .textboxcontainer {
float: left;
}
.globalsearch {
position:absolute;
width:180px;
right: 20px;
bottom: 0;
float: right;
clear: left;
text-align:right;
line-height: 1.0em;
display:block;
}
.navbar_search {
position:relative;
width:180px;
bottom: 1px;
right: -20px;
display:block;
}
.navbar_search input {
font-size: 11px;
vertical-align:middle;
padding: 1px;
border:1px solid #81c3d4;/* цвет линии вокруг поиска */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}
.globalsearch .textboxcontainer span {
border-top: 1px;
border-left: 1px;
display: inline-block;
height: 22px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
margin-bottom: 1px;
width: 147px;
_width:140px; /* ie6 hack */
}
.globalsearch .buttoncontainer {
height: 26px;
border-left:1px;
display:inline-block;
border-right:1px;
width: 25px;
overflow: hidden;
float: right;
}
.globalsearch .buttoncontainer span{
border-top: 1px;
border-left: 1px;
height: 23px;
padding-left: 4px;
padding-top: 2.5px;
display:inline-block;
}
.globalsearch .searchbutton {
border: 0;
padding: 0;
width: 22px;
margin-top: -2px;
margin-left: -2px;
}
.floatcontainer a,
.floatcontainer label
{
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
}
.floatcontainer a:hover,
.floatcontainer label:focus
{
background-color: #444444;/* цвет рамки при наведении на ссылку в нижнем блоке */
}
Описание основных цветов я добавил справа от кода!
Вид панельки я настроил под свой форум, ее можно переделать практически как угодно.
Что будет не понятно - спрашивайте!!
О багах сообщать в этой теме!!!
24.10.2010, 20:37
Вверх
Адаптация navbar`a из vb4 для тройки
Сообщение от Serberg
Похожие темы
