View Full Version : Need to place banner behind tabs
Spank
09-30-2007, 11:36 PM
I need some help, I want to place my title image behind the tabs (I'll also be getting rid of the Google ads, it's part of the style) any ideas how I would do this? Any help would be greatly appreciated.
Freesteyelz
10-01-2007, 02:29 AM
Did you mean "behind" or "below"?
If below and your tabs are in the navbar template, you'll need to move the header (logo) code from the "header" template to the "navbar" template. It needs to be placed below the tab code but just above this line below:
<!-- breadcrumb, login, pm info -->
Spank
10-01-2007, 02:49 AM
I'm wanting the banner to be behind the tabs so it looks like the tabs are part of the banner. If that makes sense?
Freesteyelz
10-01-2007, 03:14 AM
An overlap? If yes, then you can accomplish that by using the background property such as:
background:#000000 url(path/to/image/) no-repeat top left;
I'll actually need to see your code in order insert it.
Spank
10-01-2007, 06:16 AM
Thanks for your help with this freesteyelz. here's my code:
Header:
<!-- logo -->
<a name="top"></a>
<div class="header" align="center">
<div style="width:$stylevar[outerdivwidth]; text-align:$stylevar[left]">
<div class="logo">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="banner">
<script type="text/javascript"><!--
google_ad_client = "pub-9556872839910172";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-06-18: vBulletin Styles
google_ad_channel = "5984012549";
google_color_border = "1f5fb4";
google_color_bg = "FFFFFF";
google_color_link = "1f5fb4";
google_color_text = "000000";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<table width="100%" class="nav" cellpadding="0" cellspacing="1">
<tr>
<td width="20"> </td>
<if condition="$show['member']">
<td class="nav_button"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="nav_button"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="nav_button"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="nav_button"><a href="search.php$session[sessionurl_q]">$vbphrase[search]</a></td>
<td class="nav_button"><a href="faq.php$session[sessionurl_q]">$vbphrase[faq]</a></td>
<td class="nav_button"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['registerbutton']">
<td class="nav_button"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<if condition="$show['member']">
<td class="nav_button"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
</if>
<if condition="$show['member']">
<td class="nav_button"><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>
<td> </td>
<td width="20"> </td>
</tr>
</table>
</div>
</div>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output
Navbar code:
<br />
<!-- breadcrumb, login, pm info -->
<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<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> </td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $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="$scriptpath"><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>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->
<br />
<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['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
<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]" />
<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>
<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>
<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">
<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">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,me nubar=no,toolbar=no,scrollbars=yes,resizable=yes,w idth=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>
$template_hook[navbar_quick_links_menu_pos1]
<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_profile]</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_pos2]
<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[my_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_pos3]
</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>
Freesteyelz
10-01-2007, 11:34 PM
The problem I'm finding is that the banner/logo will be covered by the tabs. Plus, because it's changed to a background image, you won't be able to set it as a link for forum home. Somehow I don't think this is what you want or is it?
Spank
10-01-2007, 11:42 PM
The clicking of the banner isn't important, it would be easy enough to insert a 'forum home' tab.
Freesteyelz
10-02-2007, 03:01 AM
Cool. Well, I'm still not sure if this is what you're looking for but let's give it a go. Just make sure to backup your style/edits before making the changes (not much). We can always adjust and tailor it to suit your needs. :)
Header:
<!-- logo -->
<a name="top"></a>
<div class="header" align="center">
<div style="width:$stylevar[outerdivwidth]; text-align:$stylevar[left]" class="logobg">
<div class="logo">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>
</div>
<div class="banner">
<script type="text/javascript"><!--
google_ad_client = "pub-9556872839910172";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-06-18: vBulletin Styles
google_ad_channel = "5984012549";
google_color_border = "1f5fb4";
google_color_bg = "FFFFFF";
google_color_link = "1f5fb4";
google_color_text = "000000";
google_color_url = "008000";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<table width="100%" class="nav" cellpadding="0" cellspacing="1">
<tr>
<td width="20"> </td>
<if condition="$show['member']">
<td class="nav_button"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="nav_button"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="nav_button"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="nav_button"><a href="search.php$session[sessionurl_q]">$vbphrase[search]</a></td>
<td class="nav_button"><a href="faq.php$session[sessionurl_q]">$vbphrase[faq]</a></td>
<td class="nav_button"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['registerbutton']">
<td class="nav_button"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<if condition="$show['member']">
<td class="nav_button"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
</if>
<if condition="$show['member']">
<td class="nav_button"><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>
<td> </td>
<td width="20"> </td>
</tr>
</table>
</div>
</div>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output
The code in red is to be removed (since you were going to do without the google ad anyway). The <div> code in blue is to indicate a change of "class" insert. Leave the blue code but remove the red code.
In Admin CP --> Styles & Templates --> Styles Manager --> Your Style --> Main CSS at the very bottom of additional CSS add the code:
.logobg {
height:xpx;
vertical-align:bottom;
background:#ffffff url(local/path/to/your/logo/here) no-repeat bottom left;
}
The x is the height of the banner. It's in pixels. I haven't tested it so I don't know what the final result will look like.
Spank
10-02-2007, 03:34 AM
Thanks, I'll give it a go in the next couple of hours.
Freesteyelz
10-02-2007, 03:47 AM
Let me know how it goes and we'll go from there. :)
Spank
10-02-2007, 03:57 AM
Just tested it with a test image and it's perfect. You're a star, thanks very much.
Here's (http://www.misc-world.com/endeavour) the result with the test image.
Freesteyelz
10-02-2007, 05:48 AM
O...Hahaa. Well, I'd like to see the end result. I'm a bit curious what you have in mind.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.