MyBB Community Forums

If I was to add a shadow using an image would it work well and how would I go about doing it? So far I have tried creating a new div class but I don't know where I should place it in the code. Anyone have any ideas?

What you could do, if you are interested in a quick way, is making a div wrap around your forum. For example:

<div id="mainwrap"><!-- put this in your header template -->

</div><!-- and this would be in your footer -->

Then, in the extra css portion, try:

#mainwrap {
background: url(images/background_wrap.png) top left repeat-y;
width: /* XXpx; this would be optional, depending on the rest of your code */
}

That will be enough, there are more complex ways, but this would work for a fixed forum only...

It works slightly, close to the side. Heres an image of how it looks, I gave the shadow a white background and circled it so you can see:

http://img222.imageshack.us/img222/1849/...keddt1.png

Any ideas?

It means you have an extra </div> somewhere in your header template that you don't need. Make sure you placed it in the bottom of the footer template.

I removed one of the </div>'s and it made the shadow stretch further down the page which is a good thing, however its still not at the side of the container. I tried removing the other <divs>'s but it didn't work either.

Edit: Would it also be better to use one image with shadows on each side or 2 seperate images?

I have something like this on my forum, which could be adapted:
http://www.theconsole.co.nr

Rovin Wrote:I have something like this on my forum, which could be adapted:
http://www.theconsole.co.nr

Awesome, that worked. Thanks.

Miniman Wrote:

Rovin Wrote:I have something like this on my forum, which could be adapted:
http://www.theconsole.co.nr

Awesome, that worked. Thanks.

Glad you got it working.