Border Around Forum images

[`rainyday]

betrayal-rpg.proboards.com/

At the bottom of the border around forum, there is an image. I tried to get two of them, one at the top and one at the bottom, but only one will work at any given time. How can I make another image so there, but at the top? Help Appreciated C:

[Stinky666]

Apr 17, 2013 5:58:41 GMT -8 `rainyday said:

betrayal-rpg.proboards.com/

At the bottom of the border around forum, there is an image. I tried to get two of them, one at the top and one at the bottom, but only one will work at any given time. How can I make another image so there, but at the top? Help Appreciated C:

Add it as your banner background?
Admin > Themes > Advanced Styles & CSS > Header (top) > Forum Banner > Banner Image

Voila.

[`rainyday]

Nope not that! If you look at the bottom on yhe border around forum, there is a faded image there. I would like to do that again, but on the top part

[Shrike]

What is the code you're using to try and do this? At the moment, I can only see one background image being added in your code with no indication of another one perhaps using incorrect syntax.

[`rainyday]

There, I put it back on the way I had it. As you see, there's code for having two images, but only one shows up

[Shrike]

Apr 18, 2013 8:16:06 GMT -8 `rainyday said:

There, I put it back on the way I had it. As you see, there's code for having two images, but only one shows up

Thank you. It's hard to tell what the problem is if someone removes all evidence of it.

The issue is indeed to do with the syntax. To add multiple background images, you list them using commas much like the code you have for box-shadow does.

Current: background-image:url("http://i911./ac317/DreamingofSkittles/bgtranstestfooter_zpsaf46ec48.png"); background-position:bottom;
background-image:url("http://i911./ac317/DreamingofSkittles/toppinegradtrans_zps21af870b.png"); background-position:top; background-repeat:no-repeat;
Should be: background-image: url("http://i911./ac317/DreamingofSkittles/bgtranstestfooter_zpsaf46ec48.png"), url("http://i911./ac317/DreamingofSkittles/toppinegradtrans_zps21af870b.png");
background-position: bottom, top;
background-repeat: no-repeat, no-repeat;

See how we have the background-blah properties only once each now? The order we list them applies to the other properties so background-position: bottom, top; means that bottom is applied to the image listed first, and top for the one listed second, and so on. Hopefully that fixes the problem.

[`rainyday]

Thanks! I did a bunch of research before that answer, and found something saying to do that, but when I tried it, it didn't work. I probably just messed up on the syntax (as per usual) c; Thanks a bunch!<3