Add Logo to top Navbar

[Yehuda]

Hi There,

I am very new to this, so I will be asking some pretty dumb questions...I hope sombody can assist me..

1. How can I add my Logo inside the Navbar like on this site http://www.trackshare.com/ ? As you can see Trackshare is right inside the navbar.

The forum title part that would normaly be inside the navbar, has its own section under....how do I do that also?

2. How do I add a picture to the thread title like here http://trackshare.com/forum/forumdisplay.php?f=41 ?

Thank you!!
I have lots more questions.

[Jake Bunce]

1) Edit this template:

Admin CP -> Styles & Templates -> Style Manager -> « » -> Navigation / Breadcrumb Templates -> navbar

Replace the red code:

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
	<td class="alt1" width="100%">
		[color=red]<if condition="is_array($navbits)">
			<table cellpadding="0" cellspacing="0" border="0">
			<tr valign="bottom">
				<td><a href="#" onclick="history.back(1)"><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]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
			</tr>
			<tr>
				<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
			</tr>
			</table>			
		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]" accesskey="1"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
		</if>[/color]
	</td>	
	
	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

...with the blue code:

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
	<td class="alt1" width="100%">
		[color=blue]<a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>[/color]
	</td>	
	
	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

Then find this code and add the blue code:

		<if condition="$bbuserinfo['userid']">
			<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a></td>
		</if>
	</tr>
	</table>
</div>
<!-- / nav buttons bar -->

[color=blue]<br />

<table class="tborder" 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)"><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]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
			</tr>
			<tr>
				<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
			</tr>
			</table>			
		<else />
			<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php?$session[sessionurl]" 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>[/color]

<br />
<br />

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->
	
	<if condition="$show['searchbuttons']">
	<!-- header quick search form -->

2) I am not sure exactly what they did there. You might want to ask them about it.

[Yehuda]

many thanx!!

[Bodyline]

Works for me too.

I'm sure it's simple...but how do I change your mod to the navar so that the logo is centred?

[Jake Bunce]

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
	<td [color=green]align="center"[/color] class="alt1" width="100%">
		[color=blue]<a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>[/color]
	</td>	
	
	<if condition="$bbuserinfo['userid']">
	
		<td class="alt2" valign="top" nowrap="nowrap">
		<div class="smallfont">

[Bodyline]

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
    <td [COLOR=green]align="center"[/COLOR] class="alt1" width="100%">
        [COLOR=blue]<a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>[/COLOR]
    </td>    
 
    <if condition="$bbuserinfo['userid']">
 
        <td class="alt2" valign="top" nowrap="nowrap">
        <div class="smallfont">

Perfect! Thanks for your time.

[HeadRat]

what about the #2 question? I'm interested in that as well. How do you add the picture to that and can you do a different one for each catagory to be different?

[Marco van Herwaarden]

2. Not sure, just a guess, but maybe they just used HTML in the forum description (show forum description must be turned on in your vB Options) to display the image.

[mlalande]

i cant find that code in 3.6.2 - has the code changed since

[mlalande]

Jake: how would I insert my own image - for example - if the image path was

http://www.talkresort.com/forums/images/misc/banner.gif