Waterpup
|
I created my first Artisteer WP Theme and have an image that repeats down the lift side of the background. I'd like to have that image also repeat down the left side.
How do I do that?
|
| |
Waterpup
|
Sorry I messed up in my first post. Here's the corrected version :)
I created my first Artisteer WP Theme and have an image that repeats down the left side of the background. I'd like to have that image also repeat down the right side.
How do I do that?
|
| |
Lance
|
Even if you dig into the CSS file there is no easy way to do this. That is use two separate images.
If it is a simple fade effect image perhaps the easiest way to do it is to create a 1px high image that matches the width of your template and then repeat it. Choose the image from file, then under background options choose repeat vertically and for position use top center. Just match the background color fill to match that of the last pixel in the background image so it should look seamless to someone using higher resolution screen settings. Of course you could do the same thing with larger images too with the trade off being the site taking more time to load in the browser.
|
| |
Lance
|
Sorry if I was not clear enough. You just need to use one picture, but make it very wide then have it centered and repeat vertically. this sounds like what you are trying to do.
OK, lets say your template is 900px wide. The image you use must be wider than that. Making it say 1500 x 1 would still keep the file size small. Alternately you can do as I said above, make the image a bit smaller say 1200 x 1 then match the color of the background fill to that of the outside edge of the image and it will appear seamless.
Take a peek at this persons website, they put up some pictures that demonstrate this fairly well:
http://jacorre.com/design/cssbackgrounds.htm
|
| |
Waterpup
|
I'm pretty sure I got what you meant. At least I thought so.
Here's an idea of what I', going to do based on what I understand. forgive me I'm sometimes a little slow on these things :)
X------------------------------------------------------X
X------------------------------------------------------X
X------------------------------------------------------X
X=Image
-- = spacer matching the background spanning the sheet
repeated down
Side to side will be one image
|
| |
Lance
|
Yes, now we are on the same page. I hope you get it works out well, stop back and let us know.
|
| |