Fixed Background HTML
Code, Instructions, Tips, Directions for most page editors + WebTV
I've got a code that works for IE, Netscape, Mozilla and Opera now also.
Plus some Samples of Pages We've Created.
What is a Fixed Background? Most people don't consider the background fixed, instead they view it as the text or images scroll by. In truth...
Fixed BG's Do Not Move.
Only the text (and images) will scroll by.
With some of our
watercolor scenes, you 'might' prefer to have your contents scroll rather than
have the backgrounds move and show a divisional line?
Note: Not all webpage makers/editors or browsers will do this. But, if yours does, here is how you code in HTML to make it happen for your page:
Directions and Tips!
1. If you use
"Frontpage" then when you insert your background image, also click on
"Watermark." This codes in the HTML to make the background
(Don't ask me how "watermark = fixed" but I've given up trying to find logic in html codes!)
2. If you're not using FrontPage, then check with your editor to see if a one-button click makes this happen.
3. Or...after your background image HTML insert this:
<bg properites="fixed"> or
<body background="xxx.jpg" behavior="fixed">
Our background sample is our "onefieldflower.jpg"(not resized)
4. This code works best for Netscape, Mozilla and Opera...
<body style="background-attachment: fixed; background-repeat: no-repeat;" background="xxx.jpg">
(We are using
background-attachment: fixed on this page because it works with the code to
center the background
on the screen regardless of what monitor it's viewed on.)
SIZING for Different Monitors
So, I'm coding
mine to just "center on the screen" regardless of the monitor
The code to do this is as follows: (place in <head> area)
I've inserted midi's on fixed background pages.
1. How to Talk
Like A Minnesota Person ;) - (Simple Fixed Background)
Snowflakes - (Animated Java Script with Fixed Background)
3. History of
the Yaqui Easter Ceremony.
(Animated Java Script with Fixed Background)
We've made more
pages that have scrolling, but I don't want to you think I'm sending you
backgrounds use so much storage.
How To Resize a Background Image?
resize my images (when necessary) in Paint Shop Pro.
Original Background is Width=800 Height = 500.
Tip: Bookmark this page!!!
What about WebTV?
According to my site stats, I'm getting some visits from people using WebTV.
I'm not too familiar with it. But I have had some people write me about using my backgrounds on WebTV and in their email.
All I can tell you is what I was told. And, what I told them.
The rules are the same for WebTV as any other.
for WebTV need to be sized to 544.
The code for making a fixed background in WebTV
As I was told the key words are: "nohtilebg novtilebg"
Here is how it should be coded:
you are new to HTML code, just remember that all the color codes
followed by the # are 6 digits and letters
Where did I get those? From my Paint Shop Pro art program. Every color on the chart is given it's HTML code number.
hope this helps?
of right now, I have no clue what that is or any tips for you.
</head> of you HTML.
It makes the text and images scroll all on their own.
It's a great effect with a fixed background.
Or without one.
I made a sample page.
Impressed with how this
works? Forgot to get the code?
If you wish to visit our main
site, click here!
(See you can have animated gifs also on fixed bg's.)
Brownielocks & The 3 Bears Fun with a Friend!!!
All graphics on this site (still and animated) have our embedded watermark. They are not public domain!
All contents (Graphics and Text) are covered by U.S. Copyright Laws. No reproduction of any kind, downloading, copy, paste, save, etc. is allowed. All rights reserved!
Like Brownielocks on Facebook
Thanks for Visiting. We love you!
Brownielocks' Holidays & Fun For Everyone! © 1999-2017