RE- SIZING for Different Monitors



I've been informed on the newer, larger monitors my backgrounds are repeating horizontally. This looks really tacky, especially if they're scenes. It's very hard to design art to fit all monitor sizes, 18", 19", 20" 22" etc. So, I'm coding mine to just "center on the screen" regardless of the monitor size.

This means, the larger screens will have some white edges. But at least you won't get the images or designs repeating on you. The code to do this is as follows: (place in <head> area) For Normal Page For a Fixed Background

(or to scroll) <style type= "text/css" > body {background-image:url("IMAGEFILE/NameofImage.jpg"); background-repeat:repeat-y; background-position:top center;} </style> <style type= "text/css" > body {background-image:url("IMAGEFILE/NameofImage.jpg"); background-repeat:repeat-y; background-position:top center; background-attachment:fixed} </style>





Also, you can use animations with a fixed background.

At times I've made my homepage with a fixed background and also had some animation links on it. And I've inserted midi's on fixed background pages.



Here are some other samples: 1. How to Talk Like A Minnesota Person ;) - (Simple Fixed Background)

https://www.brownielocks.com/minnesotatalk.html



https://www.brownielocks.com/golfjokes.html



https://www.brownielocks.com/wildrice.html 2. Falling Snowflakes - (Animated Java Script with Fixed Background)

We used the same falling snow java script on Arctic Winter Games . 3. History of the Yaqui Easter Ceremony. (Animated Java Script with Fixed Background)

We used the same falling snow java script but replaced snowflakes with poppy flowers.

We've made more pages that have scrolling, but I don't want to you think I'm sending you

all over my site as some kind of promotion! <wink>

Because these backgrounds use so much storage.

It is impossible for me to offer the same image in several sizes to fit all your website needs.

And, if you're like me, you don't know if you'll make a

page fixed until the last minute! ;) How To Resize a Background Image? I resize my images (when necessary) in Paint Shop Pro.

This allows them to be resized PROPORTIONALLY with the image.



But, if you do not have a graphic software program that will allow you to resize an image, then I'm afraid the only way you can do it is to do it with

html code sizes for your images "height" and "width."

This *might* not work for all page editors! Example: Original Background is Width=800 Height = 500.



In the code you change the numbers to be Width = 780 Height = 450.

This will make it fit the screen, but I sure hope it doesn't distort my

artwork? If it does, I prefer you do your best to not resize. Final Tip: Bookmark this page!!!

If you haven't before you should get our Icon.

You'll probably create more than one page on your site

(like me) with scrolling text as it grows.

So, you'll need to remember where you got the information.

