Author Topic: Size for a BG pic? (Read 2153 times)

sinatik45 · « **on:** February 06, 2009, 11:06:02 am »

Forum Url: http://eckclan.smfforfree2.com/index.php
Hey i got the HTML codes etc. for the background. But need to know is there a specific sized background?

I've tried loads of sizes in width and im fine with the height because i can repeat it. But i need a size in pixels as i wanna make my own background on photoshop

Thanks

simply sibyl · « **Reply #1 on:** February 06, 2009, 12:18:31 pm »

There is no specific size. Everyone has different screen resolutiions, monitor sizes. Its going to look different for everyone. If you are going to use a full screen image (non repeating) the best you can do is make it large to accomodate everyone. keep in mind if you do so and the image is large in filesize its going to be slow to load up. Image sizes really depend on how you are displaying them. Its something you will have to experiment with.

sinatik45 · « **Reply #2 on:** February 06, 2009, 12:29:47 pm »

Yeah i understand, but the portals are fixed to a 1000 width.. ive made the banner 1000 width and it fits fine, then i've made the background on photoshop as a test:

http://i189.photobucket.com/albums/z21/robwebb90/TestBG.png

With the banner over the top, with exact sizes:

http://i189.photobucket.com/albums/z21/robwebb90/Banner2example.png

And instead of centering and make the rest of the sides plain black from the fading, everything messes up:

http://i189.photobucket.com/albums/z21/robwebb90/Picture4-1.png

This is the code:

/* The main body of the entire forum. */
body
{
background-color: #040301;
background-image: url(http://i189.photobucket.com/albums/z21/robwebb90/TestBG.png);
background-repeat: repeat;
background-attachment: fixed;
background-position: center;
margin: auto;
width: 1000px;
padding-top: 12px;
padding-bottom: 4px;
}

Is there something doing it in there?

simply sibyl · « **Reply #3 on:** February 06, 2009, 02:40:07 pm »

do:
background-repeat: repeat-y; So it repeats down the page

do:
background-position: top center;

If you want the outer edges of it black.. change the background color to #000000;

Im probably not understanding what you mean by its messing up.. the picture looks fine on my end.. i might be missing somethng or not understanding.

sinatik45 · « **Reply #4 on:** February 06, 2009, 03:05:02 pm »

http://i189.photobucket.com/albums/z21/robwebb90/Picture4-1.png

Look at that screenshot, on top of the banner and underneath

[Home][Forum] etc.

You can see the black in the middle and white on the outside, i want it to be like this:

http://i189.photobucket.com/albums/z21/robwebb90/Banner2example.png

So the white is glowing on the outside of the portal sides all the way down, but i made the right size and it shows small on the background behind the banner.. the white edges of the browser window are as if the white light is mirrored back

New pic: http://i189.photobucket.com/albums/z21/robwebb90/Picture1-2.png

It's as if the background pic resizes so it wont go outside the portal width which is 1000px

simply sibyl · « **Reply #5 on:** February 06, 2009, 03:41:20 pm »

You have the forum set to a fixed width of 1000 pixels.

Your background image is 1024 in width.

The inside dimensions (the black area) of your background is 586 pixels.

The background image is not going to stretch/etc. that is not possible with the css.
Whatever width it is.. that is what it is going to be.

So... your 1000 pixel wide forum is sitting atop the background that is repeated down the page... however it is not going to sit right inside that black area because the black area is alot narrower then the forum itself is.

You could set the fixed width of the forum to a smaller number and re-create the background image so that the black area in the center of that image is the same size (width-wize) as the fixed width of your forum... follow me?

Its that or another method... you would have to chop that background image up into 2 separate images.
Create divs for the left and right side, one for the middle for the forum. Have the image on the left positioned to the top left repeating down the side of the page.. the image on the right positioned to the top right, repeating down the side of the page.. the forum in the middle. Its complicated to explain and at the moment Im brief on time. I'll have alot more time come Monday to explain how to do that or take a look thru some of the posted stylesheets to find some done that way (with wrappers, divs , etc) and you can probably figure it out.

sinatik45 · « **Reply #6 on:** February 10, 2009, 10:44:30 am »

Ok any chance in helping me with this now?

Give me sizes of each pic on sizes or w/e, thanks

Subject / Started by	Replies	Last post
Avatar Size Started by kingz4dragon General Support	1 Replies 836 Views	March 29, 2007, 12:03:51 pm by Kimmie
Avatar Size Started by Hurricane47 General Support	1 Replies 748 Views	May 16, 2007, 09:33:41 pm by nevermorestr
Signature Size Restrictions Started by Coreeeey General Support	1 Replies 758 Views	October 05, 2007, 04:51:55 pm by x-Treme
Database Size Started by Coreeeey General Support	2 Replies 842 Views	December 14, 2007, 11:31:14 am by Coreeeey
How do I change the font size to size 14 Started by Angels77 General Support	1 Replies 953 Views	June 26, 2010, 12:03:57 am by Seldom Fail

SMF For Free Support Forum

News:

Author Topic: Size for a BG pic? (Read 2153 times)

sinatik45

Size for a BG pic?

simply sibyl

Re: Size for a BG pic?

sinatik45

Re: Size for a BG pic?

simply sibyl

Re: Size for a BG pic?

sinatik45

Re: Size for a BG pic?

simply sibyl

Re: Size for a BG pic?

sinatik45

Re: Size for a BG pic?

Related Topics