help skinning vB

**ill** · 07-29-2005 12:25 PM

im not sure how familiar some of you are with skinning vB, but I need some help.

I recently started skinning vB as it's always been something I wanted to do. I am having trouble getting the top of the forum to hit the very top of the page, as well as the bottom to hit the bottom of the page. Here is a screenshot for reference.

(sorry for the size)

Does anyone know how to fix these areas?

As you can see with the green arrow, I can't get my image to stretch horizontally across the BG. I've got a seperate image to do the stretching, but it just won't work for me.

I've pm'd sean about this for help...but I haven't gotten a reply yet. So, if anyone can help, please give me a solution.

Thanks ahead of time.

**Sean** · 07-31-2005 12:18 PM

I've added you to my MSN, but I haven't got a chance to see you online yet. Anyways, put your header and footer template here so I can take a look it.

**ill** · 07-31-2005 10:59 PM

yeah, sorry. I've been busy lately. Heres the header:

Code:

<html>
<body>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
BODY {
	background-image: url(forum_bg_stretch.jpg); 
	background-repeat: repeat-x;
}
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div align="center">
<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=2 ROWSPAN=3>
			<IMG SRC="v4/kaforum_01.gif" WIDTH=314 HEIGHT=90 ALT=""></TD>
		<TD COLSPAN=6>
			<IMG SRC="v4/kaforum_02.gif" WIDTH=376 HEIGHT=46 ALT=""></TD>
		<TD COLSPAN=2 ROWSPAN=3>
			<IMG SRC="v4/kaforum_03.gif" WIDTH=210 HEIGHT=90 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<a href="/forum/index.php?"><IMG SRC="v4/kaforum_04.gif" WIDTH=60 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/memberlist.php?"><IMG SRC="v4/kaforum_05.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/usercp.php?"><IMG SRC="v4/kaforum_06.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/calendar.php?"><IMG SRC="v4/kaforum_07.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/search.php?"><IMG SRC="v4/kaforum_08.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/misc.php?action=faq"><IMG SRC="v4/kaforum_09.gif" WIDTH=64 HEIGHT=17 ALT="" border="0"></a></TD>
	</TR>
	<TR>
		<TD COLSPAN=6>
			<IMG SRC="v4/kaforum_10.gif" WIDTH=376 HEIGHT=27 ALT=""></TD>
	</TR>
	<TR>
		<TD BACKGROUND="v4/kaforum_11.gif" WIDTH=83 HEIGHT=57 ALT=""></TD>
		<TD COLSPAN=8 BACKGROUND="v4/kaforum_12.gif" WIDTH=731 HEIGHT=57 ALT="" valign="top">
<!-- logo and buttons -->
<center>
<table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
<tr>
  <td valign="top" align="left" background="{imagesfolder}/menu_background.gif"><a href="index.php?s=$session[sessionhash]"><img src="{titleimage}" border="0" alt="$bbtitle"></a></td>
  <td valign="bottom" align="right" nowrap background="{imagesfolder}/menu_background.gif">

  </td>
</tr>
</table>
<!-- /logo and buttons -->

<!-- content table -->
<table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
<tr>
  <td>

and the footer

Code:

  </td>
</tr>
</table>
<!-- /content area table -->
</center>

<p align="center">
  <normalfont><b>&lt; <a href="$contactuslink">Contact Us</a> - <a href="$homeurl">$hometitle</a>
  <!-- - <a href="$privacyurl">Privacy Statement</a> --> &gt;</b></normalfont>
</p>

<p align="center"><smallfont>
<!-- Do not remove this copyright notice -->
<!-- Do not remove this copyright notice -->
$copyrighttext
$logincode
</smallfont></p>
</TD>
		<TD BACKGROUND="v4/kaforum_13.gif" WIDTH=86 HEIGHT=57 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=10>
			<IMG SRC="v4/kaforum_14.gif" WIDTH=900 HEIGHT=117 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=83 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=231 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=63 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=124 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="v4/spacer.gif" WIDTH=86 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>
</div>
</BODY>
</HTML>

**Sean** · 08-01-2005 03:20 PM

I don't really see any problems with the coding except the header area. First, don't add extra CSS styles in the header template, that's not the place to put them in when you skin your vbulletin, you should put it in the additional css definitions box. Second, you don't need to put the

Code:

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

in the header because the CSS will take care of that, all you have to do is to change the settings for the BODY.

I recommend that you replace your header template with this, and see if this will take care of the problem. You also need to clean up the coding a little, and get rid of unecessary tables/cells which you could merge into other tables. For example, for your navigation buttons, since they are images, you don't need to create individual cells for each of them.

Code:

<div align="center">
<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=2 ROWSPAN=3>
			<IMG SRC="v4/kaforum_01.gif" WIDTH=314 HEIGHT=90 ALT=""></TD>
		<TD COLSPAN=6>
			<IMG SRC="v4/kaforum_02.gif" WIDTH=376 HEIGHT=46 ALT=""></TD>
		<TD COLSPAN=2 ROWSPAN=3>
			<IMG SRC="v4/kaforum_03.gif" WIDTH=210 HEIGHT=90 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<a href="/forum/index.php?"><IMG SRC="v4/kaforum_04.gif" WIDTH=60 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/memberlist.php?"><IMG SRC="v4/kaforum_05.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/usercp.php?"><IMG SRC="v4/kaforum_06.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/calendar.php?"><IMG SRC="v4/kaforum_07.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/search.php?"><IMG SRC="v4/kaforum_08.gif" WIDTH=63 HEIGHT=17 ALT="" border="0"></a></TD>
		<TD>
			<a href="/forum/misc.php?action=faq"><IMG SRC="v4/kaforum_09.gif" WIDTH=64 HEIGHT=17 ALT="" border="0"></a></TD>
	</TR>
	<TR>
		<TD COLSPAN=6>
			<IMG SRC="v4/kaforum_10.gif" WIDTH=376 HEIGHT=27 ALT=""></TD>
	</TR>
	<TR>
		<TD BACKGROUND="v4/kaforum_11.gif" WIDTH=83 HEIGHT=57 ALT=""></TD>
		<TD COLSPAN=8 BACKGROUND="v4/kaforum_12.gif" WIDTH=731 HEIGHT=57 ALT="" valign="top">
<!-- logo and buttons -->
<center>
<table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
<tr>
  <td valign="top" align="left" background="{imagesfolder}/menu_background.gif"><a href="index.php?s=$session[sessionhash]"><img src="{titleimage}" border="0" alt="$bbtitle"></a></td>
  <td valign="bottom" align="right" nowrap background="{imagesfolder}/menu_background.gif">

  </td>
</tr>
</table>
<!-- /logo and buttons -->

<!-- content table -->
<table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
<tr>
  <td>

**ill** · 08-02-2005 09:29 AM

ahhh...ok, thanks sean.

**Sean** · 08-02-2005 07:53 PM

No problem bud

**Patch** · 08-03-2005 11:19 AM

smarty pants

Thread: help skinning vB

LinkBack

Thread Tools

Rate This Thread

Display

help skinning vB

Similar Threads

skinning invision

4images - skinning

Posting Permissions