how to make top banner for forum

[mustangt562]

How do you make a top banner that has the title of the forum?
I tried putting a picture there and it is ok but not quite what I wanted.

my forum: www.ihatenursing.com

forum with nice top banner: http://www.boxerworld.com/forums/

http://www.bmx-forum.com/

[Jose Amaral Rego]

This is what they have inplace and you can addin what you need to make your logo look as nice.


This will tell you that it only allpies to this area and CSS is used.

<div id="header_background_repeat_image">

Main (CSS) Cascading Style Sheets > Additional CSS Definitions (Second Input Field) >

#header_background_repeat_image {
       background-image:url([COLOR="Red"]http://www.domain_name.com/path/to/background/image.gif[/COLOR]);
       height:[COLOR="#ff0000"]???[/COLOR]px;
       margin:0pt;
       padding:0pt;
       width:100%;
}

# find and replace with code below in template: hearder

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]">
	<div id="header_background_repeat_image">
		<div style="float: right;"><img alt="" style="padding-right: 50px;" src="[COLOR="#ff0000"]http://www.domain_name.com/right_image_middle[/COLOR]"/><img alt="" src="[COLOR="#ff0000"]http://www.domain_name.com/right_image_end[/COLOR]"/></div><a href="./"><img alt="" src="[COLOR="#ff0000"]http://www.http://www.domain_name.com/left_image_end[/COLOR]"/></a>
	</div>
	</td>

</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

*Note: Change the following to match your images.

[mustangt562]

Thank you soo much for taking the time to show me but it is a hair more complicated than I imagined. Is there any way that you can dumb it down just a little more so that I can understand what to do? Thank you Jose

is there a way i could just put this picture on the very top center of my forum?

[Jose Amaral Rego]

This will work even if user has larger monitor screen and you would need to just edit the image name I have in attachment to match or rename to what you like in template code.

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr bgcolor="#ffffff">
	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="http://www.ihatenursing.com/images/misc/nurses_tired.gif" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="center"><img src="http://www.ihatenursing.com/images/misc/[COLOR="Red"][B]center_image.gif[/B][/COLOR]" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="$stylevar[right]"><img src="http://www.ihatenursing.com/images/misc/nurses_tired.gif" border="0" alt="$vboptions[bbtitle]" /></a></td>

</tr>
</table>
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output

[mustangt562]

YOU ARE AWESOME, THANKS SOOO MUCH. have a great day

Thanks again

[sergio00]

This is what they have inplace and you can addin what you need to make your logo look as nice.


This will tell you that it only allpies to this area and CSS is used.

<div id="header_background_repeat_image">

.

JOSE:
We must put it at the "HEADER" ?
Thakns

Sergio

[Jose Amaral Rego]

I do not know what you are referring to, as the question from 'mustangt562' has been answered. The best way to get your issue answered is to create your own thread or you may not get an answer here. You can easily keep track of all your issues for future references.

[sergio00]

Jose, is the same topic

I resolve my self,, the code is similar than yours but shorter ( dont need Adicional Css defeninitions )
The code is

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
 <td style="background: url('[COLOR=blue]BACKGROUND IMAGE[/COLOR]') repeat;" align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><center><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></center></a></td>
 <td align="$stylevar[right]">
  &nbsp;
 </td>
</tr>
</table>
<!-- /logo -->
<!-- content table -->
$spacer_open
$_phpinclude_output

Sergio

[Jose Amaral Rego]

make sure you view it in all major browsers, so it would display correctly the way you want.