Creating a background

Well long story short I'm trying to make my forum unique, I'm trying to do a opacity style for the forum itself with the background image in the back.

For the background I'm trying to do two images to the left&right and one main image in the center.
I've already got the opacity for the forum, just having issues with trying to do the images.

If anyone can shine some light on this, I greatly appreciated. Also sorry if this may sound confusing, cause I'm confused right now.

Bump

Ok...just to make sure I have this correct. You have your forum set up...so for lets say its all in one containing DIV just for example. As far as I understand it, you have a partial opacity set up for the DIV and want three images set up behind it?

yeah, but the thing is I've been trying to change this set of coding instated of DIV.

{
background-color: #000000;
background-image: url("https://2img.net/h/i203.photobucket.com/albums/aa271/Ryuu-Masaru/Unknown90-1.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: width: 60, height: 100;
background-attachment: fixed;
}

would using DIV make this easier on me? I'm a little new to coding so I'm going through a learning curve.

Hey.
{
background-image: url(Image URL), url(Image URL), url(Image URL);
background-position: center center, 20% 80%, top left;
background-origin: border-box, content-box, border-box;
background-repeat: no-repeat, no-repeat, no-repeat;
}

I don't know if this works but i didn't tried it. try it self

Gangstar15 wrote:Hey.
{
background-image: url(Image URL), url(Image URL), url(Image URL);
background-position: center center, 20% 80%, top left;
background-origin: border-box, content-box, border-box;
background-repeat: no-repeat, no-repeat, no-repeat;
}

I don't know if this works but i didn't tried it. try it self

That worked nicely, now the only problem left is size. Here a link to the site: Fantasy Roleplay I'm working on, any suggestions on how make them fit perfectly?

bump

Try this adding this
background-attachment: fixed, fixed, fixed;

Cool everything coming together, but I'm still have issues with image size. Is there simple way to fix that? I'm trying to cover the whole background.

Ok, the three set of image thing was fine in all, but I decided to go with a collage background. Only one thing, the background is no where near close enough to filling up the whole empty space I have left over. I'm using gimp 2 and have tried to re-size the collage I made several times, nothing seems to be getting the job done, can anyone shine some light on this before I go nuts.

but i can see it looks pretty nice now! i dont know what you want xD?

Try this.

Code:

<img id="background-img" class="bg" src="http://i203.photobucket.com/albums/aa271/Ryuu-Masaru/ForumBackgroundFinal3.jpg" alt="" />

#background-img.bg {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
}

Gangstar15 wrote:but i can see it looks pretty nice now! i dont know what you want xD?

Indeed, it took a long time to get what you see now working right, but now everything is squared away. I like to thank all who has helped me on this matter.

Np