Skip navigation.

exploreopera

| Help

Sign up | Help

Shield Wolf

I must protect...

Opera's Background

, , , , , , , ,

(this post is now irrelevant due to the fact that Opera has changed over to new templates thus affecting my measurements - I will update this.. AS.... well whenever the heck I'm ready. This is my Blog remember? :lol:)

(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. :eyes:

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! :yes:

You don't have to go through my trouble & make a strip. Just use the test background as a template!

....do you even care? :irked: ..oh well :lol:


xx:xx"Wait! I'm Not Ready!" ... >> "Tag You're It."

Comments

avatar
What is the relevant CSS code section for this? I mean, what do I have to look at (modify) in the code, the exact lines?

I looked over the CSS for I don't know how long trying to find the relevant section. To no avail.

If you would be so good as to send my an internal mail, I would appresicate it greatly!

Edward.

By edwardpiercy, # 29. December 2006, 21:26:01

avatar
will do.

By demiphonic, # 29. December 2006, 22:07:58

avatar
Hey my friend I will never rush you man.:cool:

Just do your thing & enjoy your work, I enjoy it! I hope you had a great few days off & the surf was break un just for ya. :beer: wine :cheers:
, the juice was sweet and all was good.:happy:

By chopin36, # 31. December 2006, 04:58:27

avatar
:D Thanks man... Ill teach you a few things in time. Give me a reminder in a week or so :up:

(vacation was nice :yes:)

By demiphonic, # 31. December 2006, 12:39:19

Write a comment

You must be logged in to write a comment. if you're not a registered member, please sign up.

October 2008
SMTWTFS
September 2008November 2008
1234
567891011
12131415161718
19202122232425
262728293031