Property:  Item Background Tile Image (version Pro only)

Top  Previous  Next

Displays an image on the item's background.

 

This image always tiles on the background layer.

 

 

Example of item using <Background Tile Image>:

 

<Background Tile Image>:  clip0100 (12x 31)

 

 

This is how the item's background shows if it uses only the <Background Tile Image> (disregard the red border):

clip0080

 

 

What is the "Tiling Option":

This option may be used when both the <Item Background Image 1> and <Item Background Image 2> exist on the item's background. In very rare occasions you may need to change this option from the default value to the "Tiles between them only" value.

 

Let's see an example in what cases this change may need to be made.

 

We are using the three following images on the item's background:

 

<Background Tile Image>:  clip0117

 

<Background Image 1>:    clip0120  

 

<Background Image 2>:    clip0122

 

 

We want to get the following result:

 

clip0112

 

If we use the default option, the <Background Tile Image> will tile on the entire background, even below the right and left image. The result will be as follows:

 

clip0113

 

As you can see, there is a line at the end as a result of the tiling of the <Background Tile Image> even below the <Background Image 2> which has transparent bottom.

To realize why this happens, view the button below which is one character bigger. You can see that the green line of the previous button is part of the melting bar that tiles to the right.

 

clip0111

 

To fix this problem, you just need to check the "Tiles between them only" value on the "Tiling Option" property. The resulted button will be as follows, which is what we were looking for:

 

clip0112

 

 

See important example at the <Item Background Image 1> property that describes how the background images can be used to deliver stylish effects.

 

 

Note 1:It is known that Netscape cannot read images that contain spaces in their filenames! Therefore, always use image names such as "my_image.gif" or "myimage.gif" instead of "my image.gif".

 

Note 2:Avoid using filenames that contain special characters, like quotes ("), apostrophes ('), etc. In most cases these characters will produce an error.

 

Values:An image file of the .gif, .jpg or .png type

 

Applies to: Item

 

Type:Style Property

 

 

See also

The different background layers

<Item Background Image 1>

 

 



DHTML menu builder
Property:  Item Background Tile Image
Javascript menu software
Item Background Tile Image
Drop-down menu maker