Left and Right Background Images?

[silurius]

I want to add a left and a right image to my forum background.

I have tried this, but there was no effect:

1. Add to Main CSS

leftbg .bw1 {
  background: url(images/bg/bg-left.png) repeat-y 0% 0px;
}
rightbg  .bw2 {
  background: url(images/bg/bg-right.png) repeat-y 100% 0px;
}

.bgbody-wrap {
  margin: 0px 33px;
}

2. Add to end of header template

<div class="bw1"><div class="bw2"><div id="bgbody-wrap">

3. Add to beginning of footer template

</div></div></div>

I admit my CSS skills are pretty lame, but there you have it. Anyone see my problem?

Bump!

[Webmist]

Originally Posted by silurius

1. Add to Main CSS

leftbg .bw1 {
  background: url(images/bg/bg-left.png) repeat-y 0% 0px;
}
rightbg  .bw2 {
  background: url(images/bg/bg-right.png) repeat-y 100% 0px;
}

.bgbody-wrap {
  margin: 0px 33px;
}

Your css code for class should be:

.leftbg-bw1 
{ background: url(images/bg/bg-left.png) repeat-y 0% 0px;
}
.rightbg-bw2 {
  background: url(images/bg/bg-right.png) repeat-y 100% 0px;
}
.bgbody-wrap {
  margin: 0px 33px;

Notice the dot before.

Originally Posted by silurius

2. Add to end of header template

<div class="bw1"><div class="bw2"><div id="bgbody-wrap">

You would be better off adding embracing a table format with backgrounds like that.
Add this to the very top of the header template:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td class="leftbg-bw1" width="XXXpx"></td>
<td class="bgbody-wrap">

The footer should look like this:

</td>
<td class="rightbg-bw2" width="XXXpx">
</td>
</tr>
</table>

Remember to change XXX to the width of your image or however wide you want the image to show through.