Opera's Background
Monday, 18. December 2006, 15:59:36
(designed for 4:3 screen views - not widescreen necessarily)
gezzzzz I spent so many hours figuring this thing out. (getting the right size for Opera's "Background Sides" as I call it. Funny thing is I'm sure I could have got it from Opera or some CSS help page but as I started to tinker with it 1hr turned to 3, 3 to 6 & well.... you get the point.
Test Background
I managed to get the exact size of the Background sides of the blog. (2 x 8.958)
(8.958 inches is the viewable area of the Background sides in Height at any given time. You could increase the length incase you want to use the scroll effect.)
As you know it's one image that is duplicated from left to right, such that the first image will only show the left side (on the left of your blog) & the last duplicated image will show it's right side (on the right side of your blog) - of course for that to happen evenly (or at all ) the size of the strip will have to be a certain size. what size? yup.
2 inches
(At this size the image duplicates 4 times, so that's 5 vertical strips running from left to right.)
Now because it is a repeated image, where the image cuts off on the left side of your blog does NOT dictate where it will start back on the right side! NEAR the middle of your image is Cut Off (.350 to be exact) when it is repeated. Anything within that space will not show.
If you upload the test image above, you will not see the Red strip in the middle because it is exactly .278 inches NEAR the middle of the image. (actually there is a very, very thin piece of the red showing on either side that I used as a guage to see if the 'middle' was even.)
The 2 black parts are also gauges to see if the test strip is centered well.
If you are having trouble making a test strip (like I had) start from the actual center (1" in) & count .110 inches towards the right & .168 toward the left. (now you have the width of the red portion in the 'middle')
Once you know what Opera 'cuts off' you can now make Even Patterns on the remaining 'halves' of the strip!.. something we could not do before! (Opera does not really cut off anything... it's just how the image duplicates that does not allow for a certain portion of the image to show at all. [at my given size that is.])
Side note: (If your entire strip were much less than an inch in width it's only obvious it will show the whole thing on the left side. ...& because your image is smaller in width it will have to be duplicated more to reach the right side.)
The remaining sides are: Left - .833 & Right - .886 (that's the green & black areas on the left & right of the test strip respectively.
Just make your canvas sizes according to those measurements & create your pattern!
Better yet you can use a shadow / faded effect spanning from the 'middle' outwards!
Before the patters HAD to be more abstract so it would not look ‘off’ being asymmetrical. …but now we can make even patterns!
You don't have to go through my trouble & make a strip. Just use the test background as a template!
....do you even care?



