Quote:
Originally Posted by silurius
1. Add to Main CSS
Code:
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:
Code:
.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.
Quote:
Originally Posted by silurius
2. Add to end of header template
Code:
<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:
Code:
<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:
Code:
</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.