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?
|
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&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&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> <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&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;} |