View Full Version : Wanted : <div> version of the navbar


Floris
7th August 2007, 05:02 PM
Is there someone who knows how to convert the table navbar code into <div> only? or some of the elements of it?

darnoldy
9th August 2007, 09:35 PM
Floris-

heres an example:
<script type="text/javascript">
<!--
function log_out(){
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]')){
return true;
}else{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>

<!-- nav buttons bar -->
<div style="width:100%;background-color:#339;margin:0;padding:1px;border-top:1px solid #999;border-bottom:1px solid #000;">
<ul id="navbar">
<if condition="$show['registerbutton']">
<li class="vbmenu_control">
<a href="register.php$session[sessionurl_q]" rel="nofollow">
$vbphrase[register]
</a>
</li>
</if>

<if condition="$show['member']">
<li class="vbmenu_control">
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">
$vbphrase[log_out]
</a>
</li>

<if condition="$show['popups']">
<li id="usercptools2" class="vbmenu_control">
<a href="$show[nojs_link]#usercptools2">
$vbphrase[user_cp]
</a>
<script type="text/javascript">
vbmenu_register("usercptools2");
</script>
</li>
</if>


<li class="vbmenu_control">
<a href="memberlist.php$session[sessionurl_q]">
$vbphrase[members_list]
</a>
</li>
</if>

<li class="vbmenu_control">
<a href="calendar.php$session[sessionurl_q]">
$vbphrase[calendar]
</a>
</li>

<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<!-- Get Posts nav bar mod, part 1 -->
<li id="navbar_posts" class="vbmenu_control">
<a href="search.php?$session[sessionurl]" accesskey="2">
$vbphrase[get_posts_nav]
</a>
<script type="text/javascript">
vbmenu_register("navbar_posts");
</script>
</li>
<!-- / Get Posts nav bar mod, part 1 -->
<else />
<li class="vbmenu_control">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">
$vbphrase[todays_posts]
</a>
</li>
</if>

<li id="navbar_search" class="vbmenu_control">
<a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">
$vbphrase[search]
</a>
<script type="text/javascript">
vbmenu_register("navbar_search");
</script>
</li>
</if>

<if condition="$show['member']">
<!-- Merged tool button -->
<li class="vbmenu_control"
<if condition="THIS_SCRIPT!='forumdisplay'">
<if condition="THIS_SCRIPT!='showthread'">
id="usercptools">
<a href="$show[nojs_link]#usercptools">
$vbphrase[quick_links]
</a>
<script type="text/javascript">
vbmenu_register("usercptools");
<else />
id="threadtools" nowrap="nowrap">
<a href="$show[nojs_link]#goto_threadtools">
$vbphrase[thread_tools]
</a>
<script type="text/javascript">
vbmenu_register("threadtools");
</script>
</if>
<else />
id="forumtools">
<a href="$show[nojs_link]#goto_forumtools" rel="nofollow">
$vbphrase[forum_tools]
</a>
<script type="text/javascript">
vbmenu_register("forumtools");
</if>
</script>
</li>
<!-- / Merged tool button -->
</if>
<else />

<if condition="$show['searchbuttons']">
<li class="vbmenu_control">
<a href="search.php$session[sessionurl_q]" accesskey="4">
$vbphrase[search]
</a>
</li>

<if condition="$show['member']">
<li class="vbmenu_control">
<a href="search.php?$session[sessionurl]do=getnew" accesskey="2">
$vbphrase[new_posts_nav]
</a>
</li>
<else />
<li class="vbmenu_control">
<a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">
$vbphrase[todays_posts]
</a>
</li>
</if>
</if>

<li class="vbmenu_control">
<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">
$vbphrase[mark_forums_read]
</a>
</li>

<if condition="$show['member']">
<li class="vbmenu_control">
<a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">
$vbphrase[open_buddy_list]
</a>
</li>

<li class="vbmenu_control">
<a href="usercp.php$session[sessionurl_q]">
$vbphrase[user_cp]
</a>
</li>
</if>
</if>

<li class="vbmenu_control">
<a href="faq.php$session[sessionurl_q]" accesskey="5">
$vbphrase[faq]
</a>
</li>
</ul>
</div>
<!-- / nav buttons bar -->



<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
<form action="search.php?do=process" method="post">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">
$vbphrase[search_forums]
</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<div>
<input type="text" class="bginput" name="query" size="25" tabindex="1001" />
<input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" />
</div>
</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<label for="rb_nb_sp0">
<input type="radio" name="showposts" value="0" id="rb_nb_sp0" tabindex="1002" checked="checked" />
$vbphrase[show_threads]
</label>
&nbsp;
<label for="rb_nb_sp1">
<input type="radio" name="showposts" value="1" id="rb_nb_sp1" tabindex="1003" />
$vbphrase[show_posts]
</label>
</td>
</tr>
<tr>
<td class="vbmenu_option">
<a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">
$vbphrase[advanced_search]
</a>
</td>
</tr>
</table>
</form>
</div>
<!-- / header quick search form -->

<!-- Get Posts nav bar mod, part 2 -->
<div class="vbmenu_popup" id="navbar_posts_menu" style="display:none">
<ul class="menu_list">
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getnew" accesskey="2">
$vbphrase[new_posts_nav]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=1" accesskey="2">
$vbphrase[get_one_day]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=2" accesskey="2">
$vbphrase[get_two_days]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=3" accesskey="2">
$vbphrase[get_three_days]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=5" accesskey="2">
$vbphrase[get_five_days]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=7" accesskey="2">
$vbphrase[get_one_week]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=14" accesskey="2">
$vbphrase[get_fourteen_days]
</a>
</li>
<li class="vbmenu_option">
<a href="search.php?$session[sessionurl]do=getdaily&days=30" accesskey="2">
$vbphrase[get_thirty_days]
</a>
</li>
</ul>
</div>
<!-- / Get Posts nav bar mod, part 2 -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
<ul class="menu_list">
<if condition="$show['pmstats']">
<li class="vbmenu_option">
<a href="private.php$session[sessionurl_q]" rel="nofollow">
View $vbphrase[private_messages]
</a>
</li>
</if>
<li class="vbmenu_option">
<a href="subscription.php$session[sessionurl_q]" rel="nofollow">
View $vbphrase[subscribed_threads]
</a>
</li>
<li class="vbmenu_option">
<a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars =yes,resizable=yes,width=250,height=300'); return false;">
$vbphrase[open_buddy_list]
</a>
</li>
<if condition="$show['wollink']">
<li class="vbmenu_option">
<a href="online.php$session[sessionurl_q]">
View $vbphrase[whos_online]
</a>
</li>
</if>
<if condition="$vboptions['forumleaders']">
<li class="vbmenu_option">
<a href="showgroups.php$session[sessionurl_q]" rel="nofollow">
$vbphrase[view_forum_leaders]
</a>
</li>
</if>
<li class="vbmenu_option">
<a href="forumdisplay.php?$session[sessionurl]do=markread">
$vbphrase[mark_forums_read]
</a>
</li>
</ul>
</div>
<!-- / user cp tools menu -->
<!-- user cp tools menu 2-->
<div class="vbmenu_popup" id="usercptools2_menu" style="display:none">
<ul class="menu_list">
<li class="vbmenu_option">
<a href="usercp.php$session[sessionurl_q]">
$vbphrase[user_control_panel]
</a>
</li>
<li class="vbmenu_option">
<a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">
$vbphrase[my_profile]
</a>
</li>
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editprofile">
$vbphrase[edit_profile]
</a>
</li>
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editoptions">
$vbphrase[edit_options]
</a>
</li>
<if condition="$show['siglink']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editsignature">
$vbphrase[edit_signature]
</a>
</li>
</if>
<if condition="$show['avatarlink']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=editavatar">
$vbphrase[edit_avatar]
</a>
</li>
</if>
</ul>
</div>
<!-- / user cp tools menu 2-->

<!-- / NAVBAR POPUP MENUS -->
</if>

<!-- PAGENAV POPUP -->
<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">
$vbphrase[go_to_page]
</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>and the custom CSS:
#navbar {margin:0;padding:0px;display:inline;background-color:#339;}
.menu_list {margin:0;padding:0;}
.vbmenu_control{padding: 0 .5em;
margin: 0;
white-space: nowrap;
list-style-type:none;
display:inline;
border-left:2px solid #000;
border-right:1px solid #99f;}