| Mihelcich |
03-17-2007 09:59 AM |
Create custom forum edges?
Here is something I posted in another forum that nobody could help me with, can anyone here point me in the right direction?
Quote:
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
Quote:
In my header template, I added the following code:
HTML 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.)
HTML Code:
</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>
|
|
More Information