TinyPortal
Development => Support => Topic started by: TolerancE on September 12, 2009, 05:15:32 AM
Can anyone help me get this background to repeat/stretch? It cuts off and goes to all black.
(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fimg5.imageshack.us%2Fimg5%2F5636%2F19388232.th.jpg&hash=b75259190e4a002dc1da773a2c8ce218f6390825) (http://img5.imageshack.us/i/19388232.jpg/)
Assuming that is one image going across the whole thing?
background: url(path/to/image.jpg) repeat-y;
I looked through all of the code and cannot find it anywhere. I am looking at the index.template.php code, right?
Should be in style.css
The background is set to repeat. Here is the code.
/* The main body of the entire forum. */
body
{
background: url(/images/bgxxxx.gif) repeat-y #000;
margin: 0px;
padding: 0px;
}
This is the link to the image I'm using.
http://www.pwsmarks.com/images/bgxxxx.gif
I attached the full code in case I missed something else.
That image will look fine if it is tiled horizontally, but it will look bad if tiled vertically. The best thing would be to not tile it vertically but have it fade to black as it close to the bottom.
tile vertically ...
background-image: url(myImage.gif); background-repeat: repeat-y;
tile horizontally ...
background-image: url(myImage.gif); background-repeat: repeat-x;
Tile both ways ...
background-image: url(myImage.gif); background-repeat: repeat;
It would be easier to help with this if we had a link to your site where you were using it.
ZarPrime
Link to your forum so we can see it in action?
Problem solved! For some reason JPG and GIF images were not displaying correctly. Changed to a BMP and we're good!!!!