Create custom forum edges?

[Mihelcich]

Here is something I posted in another forum that nobody could help me with, can anyone here point me in the right direction?

I have this website... http://www.orecreek.org/~bots/

You see how it has the image on either side of the 'content' area vertically repeating that looks like the 'edge' of the content? I want to do that to my forums. Ultimately, I'm putting my forums inside of that layout. I can get the rest, I just don't know how to edit the templates to add the edges on both sides.

Hopefully that clears things up.

Thanks.

I just want to know how to add those edges to my forums.

EDIT: oh yeah, the forums on the site in that link are not the forums I'm editing. It is indeed vBulletin I'm using.

##############################
######## SOLUTION BELOW #########
##############################


I figured it out, for those who have the same question, heres how to do it:

You have to edit your header and footer templates

In my header template, I added the following code:

<!-- logo -->
<a name="top"></a>


<!-- I ADDED THIS PART BELOW -->


<table border="0" width="X" cellpadding="0" cellspacing="0" align="center">
<tr>
        <td background="PATH TO YOUR LEFT SIDE IMAGE" width="Y"></td>

        <td align="$stylevar[left]" width="Z">



<!-- ^^^ I ADDED THIS PART ABOVE ^^^ -->


<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

</tr>
</table>


<!-- I ADDED THIS PART BELOW -->


        </td>
        <td background="PATH TO YOUR RIGHT EDGE IMAGE" width="Y"></td>

</tr>
</table>


<!-- ^^^ I ADDED THIS PART ABOVE ^^^-->


<!-- /logo -->
<a name="top"></a>



<!-- I ADDED THIS PART BELOW -->

<table border="0" width="X" cellpadding="0" cellspacing="0" align="center">
<tr>
        <td background="PATH TO YOUR LEFT SIDE EDGE IMAGE" width="Y"></td>

        <td align="$stylevar[left]" width="X">

<!-- ^^^ I ADDED THIS PART ABOVE ^^^ -->



<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>

X= total width of your forum (left image width + width of middle section + right image width). Y = width of your edge images. Z = width of your center content area WITHOUT the images.


In my footer template I edited this: (in your footer, look for the copyright part of the code, add it before that or after it if you want the copyright section inside your edges.)

</a> -</if>
				<if condition="$vboptions[privacyurl]"><a href="$vboptions[privacyurl]">$vbphrase[privacy_statement]</a> -</if>
				<a href="#top" onclick="self.scrollTo(0, 0); return false;">$vbphrase[top]</a>
			</strong>
		</div>
	</td>
</tr>
</table>



<!-- I ADDED THIS PART BELOW -->



        </td>
        <td background="PATH TO YOUR RIGHT SIDE EDGE IMAGE" width="Y"></td>

</tr>
</table>


<!-- ^^^ I ADDED THIS PART ABOVE ^^^ -->

<br />

<div align="center">
	<div class="smallfont" align="center">
	<!-- Do not remove this copyright notice -->
	$vbphrase[powered_by_vbulletin]
	<!-- Do not remove this copyright notice -->
	</div>