vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   Navbar background Image (https://vborg.vbsupport.ru/showthread.php?t=252051)

Dj Smuggla 10-13-2010 04:33 PM
Navbar background Image
 
I've had a navbar background image made for my site, it's one wide image the whole width of the skin.

When i add it it keeps getting repeated with the links in the navbar, its using the image for the background on each link.

How do i make it display as one image all the way across the screen, without repeating?

Dj Smuggla 10-18-2010 04:49 PM
Added some screens...

This is the navbar image its 920px wide:
http://img691.imageshack.us/img691/8559/striphhd.gif

It comes out like this tho, getting repeated for each link:
http://img26.imageshack.us/img26/6748/navgj.png

Anyone know how to make it display as one image all the way across the screen, without repeating?

BirdOPrey5 10-18-2010 05:10 PM
Did you add the background image to the <table> tag or the <td> tag? It should be part of the <table> tag, your screen shot looks like it's in each <td> tag instead.

Lynne 10-18-2010 05:14 PM
Hard to write some css without a link to the actual site with the style.

Dj Smuggla 10-18-2010 05:47 PM
I added the image to 'Popup Menu Controls' just replaced the original image. I cant see any edit options for <table> in the acp...

ATM im using my test site, with a login box just to see the site.
So i cant really give a link out, but Lynne if you want to take a look ill pm you the login...

BirdOPrey5 10-18-2010 06:29 PM
Don't use the pop up menu controls- that's the problem. Manually edit the navbar template and add the HTML code to the <table> tag(s) for those tables.

Dj Smuggla 10-18-2010 06:45 PM
Ok m8, but where in the navbar template do i add the image.

navbar template:
Code:
<!--  nav2 buttons bar -->
$navbar2
<!-- / nav buttons bar -->

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
        <td class="alt1" width="920">
                <if condition="is_array($navbits)">
                        <table cellpadding="0" cellspacing="0" border="0">
                        <tr valign="bottom">
                                <td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
                                <td>&nbsp;</td>
                                <td width="100%"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a>$navbits[breadcrumb]</td>
                        </tr>
                        <tr>
                                <td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><if condition="$_SERVER['REQUEST_METHOD'] == 'POST'"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" /><else /><a href="$navbar_reloadurl"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if> <strong>$navbits[lastelement]</strong></td>
                        </tr>
                        </table>
                <else />
                        <div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
                </if>
        </td>
<if condition="$show['member']">
        <td class="alt2" nowrap="nowrap">
        <div class="smallfont">
                <strong><phrase 1="$bbuserinfo[musername]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
                <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

                <if condition="$show['notifications']">
                        <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]"><font color="red">$vbphrase[your_notifications]:</font></a> <strong>$notifications_total</strong></span></div>
                        <if condition="$show['popups']">
                                <script type="text/javascript"> vBmenu.register("notifications"); </script>
                        <else />
                                <script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
                                <script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPopups", "notifications");  </script>
                        </if>
                <else /><if condition="$show['pmstats']">
                        <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
                </if></if>

                <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
        </div>
        </td>
<else />
        <td class="alt2" nowrap="nowrap" style="padding:0px">
                <!-- login form -->
                <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
                <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
                <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
                <tr>
                        <td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
                        <td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
                        <td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
                </tr>
                <tr>
                        <td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
                        <td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
                        <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
                </tr>
                </table>
                <input type="hidden" name="s" value="$session[sessionhash]" />
                <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
                <input type="hidden" name="do" value="login" />
                <input type="hidden" name="vb_login_md5password" />
                <input type="hidden" name="vb_login_md5password_utf" />
                </form>
                <!-- / login form -->
        </td>
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
        <tr align="center">
                <if condition="$show['member']">
                        <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
                </if>

                <if condition="$show['registerbutton']">
                        <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
                </if>
                <if condition="$show['communitylink'] AND $show['popups']">
                        <td class="vbmenu_control"><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> <script type="text/javascript"> vbmenu_register("community"); </script></td>
                <else />
                        <if condition="$show['memberslist']">
                                <td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
                        </if>

                <tr><td class="vbmenu_option"><a href="$vboptions[forumhome].php?$session[sessionurl]do=activitystat">$vbphrase[WWU002_stats_short]</a></td>
</tr>

                        <if condition="$show['quick_links_groups']">
                                <td class="vbmenu_control"><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></td>
                        </if>
                </if>
                        <if condition="$show['popups']">
                        <if condition="$show['searchbuttons']">
                                <if condition="$show['member']">
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                <else />
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                </if>
                                <td class="vbmenu_control"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
                        </if>
                        <if condition="$show['member']">
                                <td class="vbmenu_control"><a id="usercptools" href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
                        </if>
                <else />
                        <if condition="$show['searchbuttons']">
                                <td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                                <if condition="$show['member']">
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                                <else />
                                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                                </if>
                        </if>
                        <a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a>
                        <if condition="$show['member']">
                                <td 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_contacts]</a></td>
                        </if>
                </if>
                $template_hook[navbar_buttons_right]
                <if condition="$show['member']">
                        <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
                </if>
                </tr>
        </table>
</div>
<!-- / nav buttons bar -->

<br />

<!-- google adsense -->
<if condition="!is_member_of($bbuserinfo, 11)">
<if condition="!in_array($forumid, array(43,44,45,46))">
$cyb_flashimagebanners
</if></if>
<!-- google adsense -->

<br />

<if condition="$show['notices']">
<form action="profile.php?do=dismissnotice" method="post" id="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="$return_link" />
        <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
        <tr>
                <td class="tcat">$vbphrase[notices]</td>
        </tr>
        <tr>
                <td class="alt1">
                        $notices
                </td>
        </tr>
        </table>
        <br />
</form>
</if>

<if condition="$show['forumdesc']">
        <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
        <tr>
                <td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
        </tr>
        </table>
        <br />
</if>

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

        <if condition="$show['communitylink']">
        <!-- community link menu -->
        <div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
                <table cellpadding="4" cellspacing="1" border="0">
                <tr><td class="thead">$vbphrase[community_links]</td></tr>
                $template_hook[navbar_community_menu_start]
                <if condition="$show['quick_links_groups']">
                                        <tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
                </if>
                <if condition="$show['quick_links_albums']">
                                        <tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
                </if>
                <if condition="$bbuserinfo['userid']">
                        <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
                </if>
                <if condition="$show['memberslist']">
                        <tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
                </if>
                $template_hook[navbar_community_menu_end]
                </table>
        </div>
        <!-- / community link menu -->
        </if>
       
        <if condition="$show['searchbuttons']">
        <!-- header quick search form -->
        <div class="vbmenu_popup" id="navbar_search_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
                <table cellpadding="4" cellspacing="1" border="0">
                <tr>
                        <td class="thead">$vbphrase[search_forums]</td>
                </tr>
                <tr>
                        <td class="vbmenu_option" title="nohilite">
                                <form action="search.php?do=process" method="post">

                                        <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]" />
                                        <div><input type="text" class="bginput" name="query" size="25" tabindex="1001" /><input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" /></div>
                                        <div style="margin-top:$stylevar[cellpadding]px">
                                                <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>
                                        </div>
                                </form>
                        </td>
                </tr>
                <if condition="$vboptions[threadtagging]">
                <tr>
                        <td class="vbmenu_option"><a href="tags.php$session[sessionurl_q]" rel="nofollow">$vbphrase[tag_search]</a></td>
                </tr>
                </if>
                <tr>
                        <td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
                </tr>
                $template_hook[navbar_search_menu]
                </table>
        </div>
        <!-- / header quick search form -->
        </if>
       
        <if condition="$show['member']">
        <!-- user cp tools menu -->
        <div class="vbmenu_popup" id="usercptools_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
                <table cellpadding="4" cellspacing="1" border="0">

                <tr><td class="thead">$vbphrase[quick_links]</td></tr>
                <if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
                <tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread&amp;markreadhash=$bbuserinfo[securitytoken]" rel="nofollow">$vbphrase[mark_forums_read]</a></td></tr>
                <tr><td 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_contacts]</a></td></tr>
                $template_hook[navbar_quick_links_menu_pos1]
                $template_hook[navbar_quick_links_menu_pos2]

                <tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
                <if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
                <!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
                <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_your_details]</a></td></tr>
                <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>
                $template_hook[navbar_quick_links_menu_pos3]

                <tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
                <if condition="$show['pmmainlink']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
                <tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
                <tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[your_profile]</a></td></tr>
                <if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>
                $template_hook[navbar_quick_links_menu_pos4]

                </table>
        </div>
        <!-- / user cp tools menu -->

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

<!-- 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>

<if condition="$show['member'] AND        $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
        <table cellpadding="4" cellspacing="1" border="0">
        <tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
        $notifications_menubits
        </table>
</div>
<!-- / notifications menu -->
</if>

$ad_location[ad_navbar_below]
$cybpaypal_donbar

BirdOPrey5 10-18-2010 06:57 PM
The <table> tag 2 lines below the line:
<!-- nav buttons bar -->
Make it:
Code:
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="background-image:url('images/misc/image.jpg');">
Obviously change the URL and image path to your needs.

Dj Smuggla 10-18-2010 07:37 PM
Thanks a lot m8 that worked great...

Slightly off toipc, but do you know how to make the navbar wider than the forums?

The forum width is 910px but i want the navbar 920px...

BirdOPrey5 10-18-2010 07:45 PM
No not off hand... sorry.


All times are GMT. The time now is 07:51 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01124 seconds
  • Memory Usage 1,861KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete