left and right borders on fixed width?

I figured out how to set a fixed width to my forums, but how would I go about adding a strip down the left and right side as borders? I have 2 different 11pixel wide images I want to add to either side of the fixed width. I can't for the life of me find out where to do this.

Thank you.

I don't really understand what's the thing you're trying to accomplish, have an example?

If it is what I'm thinking of, you might need an extensive template rewrite.

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.

Yeah I see what you mean now, it was as I thought. I've never done it on vB, but the way I see it, it would require a lot of editing on many different templates to accomplish a similar effect, you would have to add a couple of cells to each side of some forum tables, no really easy way to do that, or at least none that I know of, sorry.

OTOH, I think I've seen some skins with a similar effect on forumtemplates.com. I don't think they will give up the secret so easily but you might want to check them to see if you can have some inspiration.

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>

Cool, it looks similar to some solutions I have seen for a sidebar. Good you could work it out and thanks for sharing.

The only downside to doing it this way is that apparently - placing the entire vB site inside a table does slow it all down. Would be much better to use DIV's and classes in your CSS.

That's how I did it in each of my vBXtra styles when that was going.