The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Creating a background

View previous topic View next topic Go down

Creating a background

Post by ShinraCross on June 7th 2010, 2:16 am

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.

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by ShinraCross on June 9th 2010, 7:20 am

Bump

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by harvengure on June 9th 2010, 7:38 am

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?

harvengure
Forumember

Posts : 86
Reputation : 0
Language : English

Back to top Go down

coding

Post by ShinraCross on June 10th 2010, 5:21 pm

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

{
background-color: #000000;
background-image: url("http://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.

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by Guest on June 10th 2010, 5:46 pm

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. Smile try it self Smile

Guest
Guest


Back to top Go down

Coding

Post by ShinraCross on June 11th 2010, 2:03 am

@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. Smile try it self Smile

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?

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by ShinraCross on June 12th 2010, 3:53 pm

bump

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by Guest on June 12th 2010, 7:47 pm

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

Guest
Guest


Back to top Go down

Re: Creating a background

Post by ShinraCross on June 13th 2010, 5:09 am

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.

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Ok different problem now

Post by ShinraCross on June 14th 2010, 8:34 am

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.

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by Guest on June 14th 2010, 12:12 pm

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

Guest
Guest


Back to top Go down

Re: Creating a background

Post by harvengure on June 15th 2010, 2:15 am

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;
}

harvengure
Forumember

Posts : 86
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by ShinraCross on June 19th 2010, 4:42 am

@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.

ShinraCross
New Member

Male Posts : 8
Reputation : 0
Language : English

Back to top Go down

Re: Creating a background

Post by Guest on June 19th 2010, 3:19 pm

Smile Np

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum