PDA

View Full Version : Image background, pics provided.

NGU Matt
03-10-2009, 09:16 PM
Hello, I'm currently working on making a skin and I've been able to google all of my questions, except for this one. Right now I have a background, but the problem is, I can't get it to take up the whole width of the background. My guess is I have to adjust the width, but I'm not sure.

Here is with top center:
http://i39.tinypic.com/2s7fbrl.png

And here is with nothing, just the image with color background:
http://i39.tinypic.com/29w7kw6.png

If you notice on the right side of the forum for the second image there is that little part where there is no image.

Is there anyway around changing the width? Because I'd rather not go back and fix it.
Seven Skins
03-10-2009, 09:56 PM
If you done wanna do lot of work simply make the image wider e.g. 2000px + and align it in the middle. But by doing that image size might increase and make website slow.

.
NGU Matt
03-10-2009, 09:59 PM
Well, I'd rather not have a slow site, but yeah theres not much of a way to get around it I guess. Hmmm....I think I have no choice but to make it a little wider. Alright, thanks.

Any other suggestions?

EDIT: Ok, so I've set the background to 2000 wide and still no luck, looks almost exactly the same as before. Is there anyway to scale it larger?
private_ale
03-10-2009, 10:10 PM
Set it to repeat horizontally
repeat-x
Seven Skins
03-10-2009, 10:13 PM
Use 2 background images.

Use this as body background:
http://img10.imageshack.us/img10/1496/0452.png (http://img10.imageshack.us/my.php?image=0452.png)


Cut and use the middle part of your image as a forum background. You may have to make a DIV for that.

.

--------------- Added 1236726872 at 1236726872 ---------------

@ Private: repeat wont work as middle top part is highlighted.
private_ale
03-10-2009, 10:20 PM
@ Private: repeat wont work as middle top part is highlighted.

Set it to repeat horizontally
repeat-x

From what I see he is only using one image and wants it to take up the entire width of the window. Therefore repeat would work fine.
Seven Skins
03-10-2009, 10:32 PM
repeat-x and this (light effect) wont be in the middle:

http://img3.imageshack.us/img3/8325/0453.png (http://img3.imageshack.us/my.php?image=0453.png)


.