Property: Item Background Image 1 (version Pro only)
|
Property: Item Background Image 1 (version Pro only) |
|
Shows a fixed image on the Item's background; LEFT-aligned relative to <Background Tile Image> or <Background Image 2>.
This image does not tile but occupies space based on its dimensions. You can use the "Custom Size" option to change the area that the <Background Image 1> occupies.
As shown below, the <Item Background Image 1> appears at the top-left corner of the item's background layer:
Example of using the item's background images:
Let's assume that we have the following images for our item:
<Background Image 1>: 
(20x 31)
<Background Image 2>: 
(20x 31)
<Background Tile Image>: 
(12x 31)
This is how the item's background shows depending on the images used (disregard the red border):
Item uses only the <Background Image 1> (left-aligned):
Item uses only the <Background Image 2> (right-aligned):
Item uses both the <Background Image 1> and the <Background Image 2>:
Item uses only the <Background Tile Image> (tiles in the entire background):
Item uses all available background images:
Note that our example uses spaces as the item's <Text>. If we put actual text there, this is what we get:
As we can see, text appears at a different layer above the background layer. We can use the <Item Content Padding> property to make adjustments to the content's placement:
By adding padding to the content (text in this example), the item appears as follows:
| 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