19 replies to this topic

[wwetnagamer009]

Hi, I'm using a 1270 x 790 background pic for my website. However, due to browser bars and other people's screen sizes, it doesn't look good on others
it's either too small or too stretched how can i make it stretch to whatever the size for other people?so people with small screens can see it completely, aswell as people with big screens.



as you see, the background isnt showing good

http://prntscr.com/3n2i5

[wwetnagamer009]

anyone?

[Bitter]

You'll need to make the skin a fixed width instead of fluid. This way, the background will display relative to the forum width exactly the same on all resolutions. Try changing the width (I think it's something like 87%) to 1000px or 980px or something like that. Just make sure it's pixels, not percentages, in order to position the forum exactly to the background.

[wwetnagamer009]

how will i do that changing the width and stuff?

[Sandi]

If your forum is a fluid width it would be much easier to make the background fluid as well.

If you want your background the full screen width put it in the ipbwrapper div and set your background image to a width of 100%.

[Bitter]

wwetnagamer009, on 25 October 2011 - 02:22 AM, said:

how will i do that changing the width and stuff?

For the skin, go to ipb_styles CSS and search for "#content" (no quotes). When you see it, below should be a mention of width. Remove the 87% (or whatever percentage number is there) and replace it with "1000px" (no quotes) or some other pixel width. Save. Done.

Sandi, on 25 October 2011 - 09:19 AM, said:

If your forum is a fluid width it would be much easier to make the background fluid as well.

If you want your background the full screen width put it in the ipbwrapper div and set your background image to a width of 100%.

Changing a static image into percentage width will heavily distort and lower the quality of the image by stretching it.

[wwetnagamer009]

there is no #content and with width i saw 3 results

1. http://prntscr.com/3o74f

2. http://prntscr.com/3o74t

3.   http://prntscr.com/3o753

[Sandi]

wwetnagamer009, on 25 October 2011 - 03:15 PM, said:

there is no #content and with width i saw 3 results

1. http://prntscr.com/3o74f

2. http://prntscr.com/3o74t

3.   http://prntscr.com/3o753

Yes there is: CSS >> ipb_styles.css

Look for:

/* LAYOUT */
#content, .main_width {
	margin: 0 auto;
	/* Uncomment for fixed */
	/*width: 980px;*/
	/* Fluid */
	width: 87% !important;
   	min-width: 960px;
}

Just remove the 87% and uncomment the width: 980px; (or change to the width of your choice).

)

Quote

Changing a static image into percentage width will heavily distort and lower the quality of the image by stretching it.

They are using it for a background image, not a banner. Also distortion would not be heavy, and in fact would hardly be noticeable at all if the actual width is close to 1000px. By choosing width only as 100 percent the height will auto adjust to maintain aspect ratio.

[Bitter]

Whether it's the banner or background image, it's still making the image larger than it's original size. Maybe it's just because I'm used to keeping image quality at its max for when I design, but on larger resolutions, stretching an image to larger than its actual size won't look good, especially on wide screen monitors.

[wwetnagamer009]

For some reason on the skin i have, it doesn't show #content i looked all over countless times and i don't see it. is there a way i can add it?

[Bitter]

Are you sure you are looking in the ipb_styles CSS?

[wwetnagamer009]

i found it finally, but this is what i see

"}#content{padding:10px
0px;line-height:120%}.row1,.post_block.row1{background-color:#292929}.row2,.post_block.row2{background-color:#292929}.unread
"

[Bitter]

Just do a CTRL+F and look for "#content" (no quotes). The first one you'll see is what you posted above. The second instance of it will be the one you are looking for.

[wwetnagamer009]

i did that and it brings me to the same one i posted before nothing else, that the only #content i see

[Bitter]

Can you PM me with a login to your board so I can take a look? I can make the edit for you.

[wwetnagamer009]

hmm, i not so sure if i want you to do that, like i know your trying to help and i appercate it but, i don't know you so. i doubt it. i will look online for info

[Bitter]

I'm the creator of the skin you are using and owner of Final Prestige, LLC; an IP.Board skinning and web hosting company. I was a community developer for IPS back when they still had that program. I am support staff on here and have been actively involved in the IPB world since 2005. My customers trust me all the time to make edits on their board. But if you don't want the help, then there's not much more I can do for you from here.

[wwetnagamer009]

i changed a skin, now and still same problem so thats why maybe u the creator of this skin too


xcwrestling.com

[Bitter]

No, the #content is there. It's there on all skins. And because it is a skin made by me, I can tell you that I am staring at it right now. I see it. However, I can't help you change the width on your #content because you won't let me. So unfortunately, you'll have to locate this yourself because I already told you where to find it, and I also offered to do it for you, but if you can't find it and you won't let me help you, then there's nothing more I can do.

[Bitter]

Illegal board. Topic closed.