The Arcive of Official vBulletin Modifications Site.

Spank · #1 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 · #2 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:

Code:

<!-- breadcrumb, login, pm info -->

Spank · #3 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 · #4 10-01-2007, 03:14 AM

An overlap? If yes, then you can accomplish that by using the background property such as:

Code:

background:#000000 url(path/to/image/) no-repeat top left;

I'll actually need to see your code in order insert it.

Spank · #5 10-01-2007, 06:16 AM

Thanks for your help with this freesteyelz. here's my code:

Header:

Code:

<!-- 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">&nbsp;</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&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
			</if>
			<td>&nbsp;</td>


			<td width="20">&nbsp;</td>
		</tr>
		</table>
	</div>
</div>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

Navbar code:

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>&nbsp;</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>
						&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>
		<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&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></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 · #6 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 · #7 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 · #8 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.

Quote:

Originally Posted by Spank

Header:

Code:

<!-- 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">&nbsp;</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&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
            </if>
            <td>&nbsp;</td>
 
 
            <td width="20">&nbsp;</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:

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 · #9 10-02-2007, 03:34 AM

Thanks, I'll give it a go in the next couple of hours.

Freesteyelz · #10 10-02-2007, 03:47 AM

Let me know how it goes and we'll go from there.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04860 seconds Memory Usage 2,301KB Queries Executed 14 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (6)bbcode_code (1)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (10)postbit (1)postbit_attachment (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!