Scrolling Magic!
Moving Background Effects |
| If you want a page that stands out and is truly different...here are the tricks of the trade that will let you do the OUTRAGEOUS WebTV scrolling background effect. Brought to you by Outrage69
Moving backgrounds give your page a sense of movement and pizzaz! All that you have to do is start off with a background and follow the simple steps at the bottom of this page. Once you done this, you will see the difference in the page.
|
| If you do use these.. WARNING!
|
|
This effect does have drawbacks to using it. Animations really can't be used with it very well. It also can slow down the operation of the selection box, the Options bar and the keyboard to some extent.
| Using this feature in EMAIL
|
|
These scrolling features will not work in your EMAIL, because WebTV has taken out the use of Java Scripts in all email. This feature is only able to work in homepages as of now.
| Scroll background horizontally
|
- This will make the image that you want to move go across the page in a HORIZONTAL direction
- Pick the image that you want and put it in the page that will have the MOVING BACKGROUND
- Put in the HTML so it looks like this
<BODY BACKGROUND="http://THE URL OF THE IMAGE HERE" xspeed=1>
- To make the movement go the other direction you will have to change the XSPEED=1 to XSPEED=-1
Example of horizontal scrolling.
| Scroll background vertically
|
- This will make the image that you want to move go across the page in a VERTICAL direction
- Pick the image that you want and put it in the page that will have the MOVING BACKGROUND
- Put in the HTML so it looks like this
<BODY BACKGROUND="http://THE URL OF THE IMAGE HERE" yspeed=1>
- To make the movement go the other direction you will have to change the YSPEED=1 to YSPEED=-1
Example of vertical scrolling
| Scroll background diagonally
|
- This will make the image that you want to move go across the page in a DIAGONAL direction
- Pick the image that you want and put it in the page that will have the MOVING BACKGROUND
- Put in the HTML so it looks like this
<BODY BACKGROUND="http://THE URL OF THE IMAGE HERE" yspeed=1 xspeed=1>
- To make the movement go the other direction you will have to change the XSPEED=1 YSPEED=1 to XSPEED=-1 YSPEED=-1
Example of diagonal scrolling
| Scrolling background tips
|
- Don't combine moving backgrounds and animated GIFs. Everything will run slowly, if at all. Use one or the other in a single page.
- Pick a GIF or JPG that you think will look good if it moved across the page like you wanted it to. The ones that I like are the CLOUDS and SPACE images, because they look real good as they go across the page.
- You can set your XSPEED and/or YSPEED much higher if you wish, but the movement is quite jerky. Stick with the lower values.
- Don't using scrolling backgrounds on a page with a lot of text -- they make the text hard to read. Save it for splash pages.
|
