user2_logo1.GIF - 3.80 K
Lets Start
Tips
To Top

Tiling Magic
Hello again NetSurfer! You have come a long way and now you're ready to do some Real Magic!! Want to know how to do some cool TILING MAGIC tricks? Well, in this next lesson I will show you how to make your BACKGROUND images even better. You'll be making your own cool backgrounds by the time you finish this lesson.

Remember the BODY BACKGROUND image tag that you learned about in the first lesson by Soose? You can create tiled images in your background.

What are tiled images?

TILE means if you use an image in your background, the image will repeat itself across and down the page. The number of times it repeats on the page depends on the size of your image.

If you have a small GIF or JPG that you would like to use in the background, but do not want it to fill the entire page, you can add a simple tag to the end of the BODY BACKGROUND image tag to control the direction in which the image repeats. To explain further, I have some examples below of the NOTILE tags.

Bringing it all together
The NOTILE tag is what you use to control the direction of the repeating images. You must put the NOTILE tag inside the BODY BACKGROUND tag.

To make your image tile vertically only, use this:
<BODY BACKGROUND="http://www.image_url.gif" BGCOLOR="#color" NOHTILEBG >

To make your image tile horizontally only, use this:
<BODY BACKGROUND="http://www.image_url.gif" BGCOLOR="#color" NOVTILEBG >

To make your image tile horizontally combined with the scrolling background, use this:
<BODY BACKGROUND="http://www.image_url.gif" BGCOLOR="#color" NOHTILEBG XSPEED=5 >



No Tile Horizontally


No Tile Vertically


Moving Background with "novtile"


Tips on Notile
  • In the the last section you saw that you could use the notile tag with the scrolling background tag which is xspeed=?. The tag that DOES NOT WORK with any nontiled background is the yspeed=? tag.
  • These tags are WebTV special tags and are not able to be seen by computer users. If you use these tags, make sure that the page will be for a WebTV audience.
  • Remember, that these scrolling background with the notile will slow down the page that they are on if you have any animated gifs on them. A suggestion would be to use these tags in a front or opening type page.
  • Last, but not least-- have fun with them-- there are all kinds of ways to set them up with any of your favorite gifs or jpgs.
Outrage69