Latest revision as of 22:08, 23 November 2023

The information in this Wiki Page applies to TANE, TRS19, Trainz Plus and TRS22.

[edit] Message Popup Icons

	Message Popup Icons are small graphic icons that can be placed in browser message windows in Driver mode. The browser windows are created by the Message Popup Rule
	Message Popup Icons are classified as Non-Environmental Textures

Information on creating and using Message Popups can be found on the Trainz Wiki pages at:-

	Using the Message Popup Rule
	Using the Message Popup Rule (Applications)
	How to Create a HTML Asset
	Message Popup Rule (description)

[edit] Create a Non-Environmental Texture Asset

Steps:

Create the Asset:

Steps: From the Trainz Launcher:-

1

select Manage Content

2

in Content Manager open the Developer menu

3

select New Content

	This will create a new asset and open it for editing.
	A message window will appear that will (hopefully) report on the successful creation of a new asset

4

Close the message window

Find the New Asset:

5	Set the Content Manager Search Filter to Open for Editing
This will display only those assets that have been opened for editing (hopefully only your new and as yet unnamed asset will be shown)

Open the Asset in Windows File Explorer:

6	Right Click on the entry New Asset
7	Select Open...
8	Select Show in Explorer

Open Config.txt File in Notepad:

There will only be a single item in the asset, its config.txt file
9	Double Left Click on the file to open it in Notepad

Edit the Config.txt File:

You will need to edit the contents of this file.
10	The next section, The Config.txt File, identifies the changes you will need to make. The new name you give to the asset will not take effect until after it has been Submitted
11	After editing, save the changes and exit Notepad

Warning:
	Unless you know exactly what you are doing, DO NOT ALTER THE KUID NUMBER that has been added to the file but even if you do, think twice before you change it !

Add Any Extras:

12

You will need to add:-

	a thumbnail image as described in the section The Thumbnail Image
	the icon image as described in the section The Icon Image
	texture text file as described in the section The Texture File

THIS IS AN EXAMPLE ONLY

This is the minimum number of files needed for a Driver Character

Finish Up:

13

Close the Asset window

14

Commit the asset in Content Manager

	Right Click on the asset
	Select Submit Edits Hopefully there will be no errors.

Because you still have the Search Filter Open for Editing in operation, the now closed and Submitted asset will vanish from the Content Manager display. To check that your asset has been correctly created and renamed, set the Search Filter to Today.

Some of the most common errors that can occur when creating and Submitting a new asset are:-

	no thumbnail image in the asset
	typing errors in the config.txt file
	poorly formatted tags in the config.txt file
	incorrect file types added to the asset folder
	files missing from the asset folder
	an incorrect kuid value (despite the warning you changed it in Step 5 )

[edit] The Config.txt File

All assets must have a config.txt file

Settings:

The Texture asset must have a config.txt text file that must include the following tags:-

	kind set to "texture"
	username set to the asset title or name
	kuid a unique ID code
	thumbnails set to a 240 by 180 pixel JPG image

While not mandatory, the following tag is useful:-

category-class set to "JI"

This file should follow the same (or a similar) format as the example below.
	entries in red must not be changed
	the indenting of the lines and the spacing ("tabbing") between the "tags" on the left and their contents on the right are purely to make it easier for humans to read
	the use of the { } braces is to group tags into common "containers". These containers must not be broken up and the number of { characters must match the number of } characters
	the order of the "tags" is not important

kuid                                    <kuid: this is an auto-generated number >
kind                                    "texture"
texture                                 "icon_gradeXing.texture"
username                                "icon grade crossing ahead"
category-class                          "JI"
trainz-build                            4.3

thumbnails
{
  Default
  {
    width                               240
    height                              180
    image                               "icon_gradeXing.jpg"
  }
  01
  {
    width                               64
    height                              64
    image                               "icon_gradeXing.texture"
  }
}
description             "Icon representing an approaching grade crossing. Designed for message popups."

Settings:

For the above example:

The kuid is unique to every asset so it is not a good idea to choose your own . This will be automatically generated by the Content Manager program when a new asset is created

The kind identifies the type of asset and the types of files that Trainz will expect to find in the asset. It also tells Trainz how to render and error check the asset. For Texture assets, the category class is texture . A list of asset kinds can be found at

KIND Hierarchy

The texture is the name of the assets texture file. This will be a simple text file and will have the name asset_name.texture where asset_name will be a name you have selected for this asset - e.g. "icon_gradeXing.texture". The actual texture file itself will be named asset_name.texture.txt (e.g. "icon_gradeXing.texture.txt") but the filename ending ".txt" is not added to the name in the texture tag so it would appear as "icon_gradeXing.texture"

The username is your name for the asset and the name that other users will see. It is also the name that will appear in the Driver Setup Rule when the driver is being selected. It is a good idea to make it short and meaningful

The category-class identifies the intent of the asset and is important in classifying it for filtering and searching. For driver character assets, the category class is JI . A list of category classes can be found at

Category-class

The trainz-build identifies the minimum Trainz version needed for this asset. A list of asset trainz-build numbers and their corresponding Trainz versions can be found at

"Trainz-build"_number

The thumbnails container holds the preview images of the asset shown by the Content Manager program, the Web version of the DLS and, for some assets, the Surveyor main menu image(s) and, in this case, the asset texture itself. Information on thumbnails can be found at

Thumbnails

The first thumbnail Default is the container ID or placeholder for the thumbnail used by CM and the Web based DLS. While its exact label (or number - eg. "Default", "00", "01", etc) is not important, it must be different from any other labels. Default and 0 are commonly used placeholder labels for the 240 x 180 thumbnail image

The image is the name of the thumbnail image. It does not have to be called thumbnail.jpg but it must be a JPG format image
The width of the image in pixels must be 240
The height of the image in pixels must be 180

The second thumbnail 01 is the placeholder label for the 64 x 64 icon image used by the Driver Character for this asset. Its exact label does not matter but it must be different from the first thumbnail image placeholder label

The image is the assets asset_name.texture.txt file (but without the ".txt" at the end)
The width of the image in pixels must be 64
The height of the image in pixels must be 64

The description provides more details for users than the username

	Language Options:
	All Trainz assets have a language facility built into their config.txt files that allows other language translations to be added for certain tags, such as the username and description tags. A full description of the process can be found on the Trainz Wiki at Localize an Asset and a list of all the supported languages with their two character codes at Localization (country) Codes. At the very basic level any creator can easily provide other language translations for the username and description tags in the assets they create. Examples are shown below for this sample asset.
username "icon grade crossing ahead" username-c2 "图标前方的路口" username-de "Symbol Bahnübergang voraus" username-es "icono de cruce de grados por delante" username-fr "icône passage à niveau avant" username-nl "pictogram cijferovergang vooruit" username-ru "значок пересекает"
	Translations to Chinese (simplified), Spanish, French, German, Dutch and Russian, perfect or not, were provided by Google Translate.

[edit] The Thumbnail Image

A thumbnail image MUST be present in the asset

Notes:

The thumbnail image:-

	must be in JPG format
	must be 240 pixels wide by 180 pixels tall
	does not have to be named thumbnail.jpg as long as the name used is in the Thumbnails container in the config.txt file

[edit] The Icon Image

	You will need image editing software to create the icon image or to change an existing image to the required dimensions and format
	See the Create the Driver Image section at the top of this page for an example

(not to scale)

Settings:

The image must meet the following specifications:-

64 pixels wide and 64 pixels tall

bit depth should be 24 (no alpha channel or transparency) or 32 (if an alpha channel is used)

image file format can be any of:-

	bmp
	jpg (jpg does not support transparency)
	png
	tga (tga compression should not be used)

If your image will have a transparency, such as a transparent background, it is usually a lot easier to save the image in a format that supports an alpha channel (bmp, png or tga) and either

	convert the background to a transparency OR
	remove the background and add a transparent layer to the image as its background

... than it is to use a format that does not support an alpha channel. See

The Texture File below for more details.

[edit] The Texture File

The .texture.txt file controls how an image icon is displayed, particularly its Alpha Channel (or transparency) data. The file must be present even if no transparency is used in the icon.

Settings:

the Texture File is a standard text file

the filename is composed of:-

	a user selected asset_name followed by a period (.)
	the word texture followed by a period (.)
	the letters txt

A sample Texture File, "ashpit.texture.txt", is shown below:-

primary=ashpit.jpg
alpha=ashpit.bmp
tile=st

Settings:

	primary - this is the name of the icon image file that contains the RGB colour image. Any alpha channel in this file will be ignored
	alpha - this is the name of the icon image file that contains the Alpha Channel (transparency) image (see Notes: below)
	tile=st - instructs Trainz to tile the image both horizontally and vertically. This has no effect on the Driver Character icon but must be included for validation purposes

No "white spaces" between the text characters is allowed.

Notes:

There are 3 general "scenarios" for the structure of the Texture File in a Texture Non Environmental asset.

If the icon has a transparency (an alpha channel) and is saved in a format that supports the alpha channel

Then:-

primary=Lillian64.png
alpha=Lillian64.png
tile=st

	the primary and alpha images are the same file, as in the example shown left
	the image must contain both the RGB colour data and the Alpha Channel (transparency) data (it must have a depth of 32 bits)

If the icon needs to have transparency (an alpha channel) but an alpha channel is not available (e.g. it is saved in the jpg file format) or is not suitable

Then:-

primary=Lillian64.jpg
alpha=Lillian64_alpha.jpg
tile=st

	two different files (different file names or different image file formats) must be used as in the example shown left
	both images must be the same size (64 pixels x 64 pixels)
	both images must have a depth of 24 bits - so no alpha channel must be present in either image
	the alpha image file should be a greyscale image or just black and white

If the icon image does not have a transparency and no alpha channel is needed

Then:-

primary=Lillian64.jpg
tile=st

	the alpha= line in the .texture.txt file is not needed, as in the example shown left
	the primary file contains the RGB colour data and can be in any supported image format. If it also has alpha channel data then the alpha channel data will be ignored so the icon will be shown without any transparency

Image file formats supported by Trainz that have an alpha channel are:-

	bmp
	png
	tga (do not use compression)

Image file formats supported by Trainz that DO NOT have an alpha channel are:-

jpg

A detailed description of the .texture file format can be found on the Trainz Wiki Page at:-

Texture File

[edit] Using the Asset

Once the new asset has been committed it will be available for use in a Message Popup Rule. It will appear as a Texture Asset in the rule icon list.

Steps: To use the Texture asset:-
In the Session Editor add a Message Popup Rule and open it for editing.
	Select Custom Text
	Left Click the icon link Click here to set
	Scroll through the list of Texture Icons
	Select the required icon
	Left Click the icon to accept the selection

[edit] Trainz Wiki

More Tutorials and Guides to Using Trainz

Related Links

How to Use the Message Popup Rule

This page was created by Trainz user pware in August 2018 and was last updated as shown below.

How to Create a Message Popup Icon

Latest revision as of 22:08, 23 November 2023

Contents

[edit] Message Popup Icons

[edit] Create a Non-Environmental Texture Asset

[edit] The Config.txt File

[edit] The Thumbnail Image

[edit] The Icon Image

[edit] The Texture File

[edit] Using the Asset

[edit] Trainz Wiki

Views

Personal tools

Navigation

Search

Toolbox

@@ Line 1: / Line 1: @@
-The information in this Wiki Page applies to both '''TANE''' and '''TRS19'''.
+The information in this Wiki Page applies to '''TANE''', '''TRS19''', '''Trainz Plus''' and '''TRS22'''.
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629>&#160;</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>&#160;</td>
+<td width=75>&#160;</td>
+<td width=75>[[image:NextDown.png|link=#stepMessage|alt=Next Down|Next Down]]</td>
+<td width=75>[[image:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
+<table>
+<tr valign="top">
+<td>
 __TOC__
-='''Message Popup Icons'''=
+</td>
+<td align="center"><span style="font-weight: 700; font-size: 17px; color: white; background-color: black;">&#160;Workflow Diagram&#160;</span><br>
+[[image:PopupIconWorkflow.png|link=|alt=Workflow diagram]]</td>
+</tr>
+</table>
-'''Message Popup Icons''' are small graphic icons that can be placed in browser message windows in Driver mode. The browser windows are created by the '''Message Popup Rule'''.<br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepMessage"></span>
+='''Message Popup Icons'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[image:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75></td>
+<td width=75>[[image:NextDown.png|link=#stepCreate|alt=Next Down|Next Down]]</td>
+<td width=75>[[image:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-<table cellpadding="4" bgcolor=#c1e7e7>
+<table width=1000 bgcolor="lightcyan" cellpadding=2>
 <tr valign="top">
-<td>[[file:DotPoint.JPG]]</td>
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
-<td>The icons used in '''Custom Message Popups''' belong to the class of '''Textures - Not Environmental'''<td>
+<td>'''Message Popup Icons''' are small graphic icons that can be placed in browser message windows in Driver mode. The browser windows are created by the '''Message Popup Rule'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''Message Popup Icons''' are classified as '''Non-Environmental Textures'''</td>
 </tr>
 </table>
-Information on '''Message Popups''' can be found at the Trainz Wiki pages:-<br>
-[[file:WikiLink.PNG]] '''[[How to Use Message Popup Rule|Using the Message Popup Rule]]'''<br>
-[[file:WikiLink.PNG]] '''[[How to Use Message Popup Rule (Applications)|Using the Message Popup Rule (Applications)]]'''<br>
-[[file:WikiLink.PNG]] '''[[How to Create a HTML Asset|How to Create a HTML Asset]]'''<br>
-[[file:WikiLink.PNG]] '''[[Session Rule List with Parameters#Message Popup Rule|Message Popup Rule (description)]]'''<br>
 <br>
+<table cellpadding=4 bgcolor="Aquamarine">
+<tr valign="top">
+<td>[[file:LinkWiki.PNG|link=]]</td>
+<td>Information on creating and using '''Message Popups''' can be found on the '''Trainz Wiki pages''' at:-
+<table>
+<tr valign="top">
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''[[How to Use Message Popup Rule|Using the Message Popup Rule]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''[[How to Use Message Popup Rule (Applications)|Using the Message Popup Rule (Applications)]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''[[How to Create a HTML Asset|How to Create a HTML Asset]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''[[Session Rule List with Parameters#Message Popup Rule|Message Popup Rule (description)]]'''</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+<br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepCreate"></span>
+='''Create a Non-Environmental Texture Asset'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[image:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[image:NextUp.png|link=#stepMessage|alt=Next Up|Next Up]]</td>
+<td width=75>[[image:NextDown.png|link=#stepConfig|alt=Next Down|Next Down]]</td>
+<td width=75>[[image:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-='''How to Create a New Non-Environmental Texture Asset'''=
+<table width=1000> 								<!-- BEGIN Step table -->
+<tr valign="top">
-<table cellpadding="4" bgcolor=#ffffff>
+<td width=50><span style="font-weight: 700; font-size: 15px;">Steps:</span></td>
+<td>[[image:DotPoint1.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Create the Asset:</span><br>
+<table> 																<!-- BEGIN Step 1 table -->
+<tr valign="top">
+<td>[[image:NewAsset.PNG|link=]]<br><br>
+[[image:NewAssetCreated.PNG|link=]]</td>
+<td>
+<table bgcolor=#000000 cellpadding=2>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td colspan=2><span style="font-weight: 700; font-size: 15px;">Steps:</span> From the '''Trainz Launcher''':-</td>
+</tr>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;1&#160;</span></td>
+<td>select <span style="color: white; background-color: black; font-weight: 700; font-size: 15px;">&nbsp;Manage Content&nbsp;</span></td>
+</tr>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;2&#160;</span></td>
+<td>in '''Content Manager''' open the <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;Developer&#160;</span> menu</td>
+</tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;3&#160;</span></td>
-<td><font size="3">'''Step 1: Create the Asset'''</font><br>
+<td>select <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;New Content&#160;</span>
 <table>
 <tr valign="top">
-<td>[[file:NewAsset.PNG]]<br><br>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-[[file:NewAssetCreated.PNG]]</td>
+<td>This will create a new asset and open it for editing.</td>
-<td>From the '''TANE/TRS19''' Launcher
+</tr>
-#select '''Manage Content'''
+<tr valign="top">
-#in '''Content Manager''' open the '''Developer''' menu
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
-#select '''New Content'''
+<td>A message window will appear that will (hopefully) report on the successful creation of a new asset</td>
-This will create a new asset and open it for editing.
+</tr>
-<br><br>
+</table>
-A message window will appear that will (hopefully) report on the successful creation of a new asset.
-*Close the message window
 </td>
 </tr>
-</table></td>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;4&#160;</span></td>
+<td>Close the message window</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table> 																<!-- END Step 1 table -->
 <br>
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000> 								<!-- BEGIN Step 2 table -->
+<tr valign="top">
+<td width=50>&#160;</td>
+<td>[[image:DotPoint2.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Find the New Asset:</span><br>
+<table>
+<tr valign="top">
+<td>[[image:NewAssetSelectOpen.PNG|link=]]</td>
+<td>
+<table bgcolor=#000000 cellpadding=2>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;5&#160;</span></td>
+<td>Set the '''Content Manager''' Search Filter to <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;Open for Editing&#160;</span></td>
+</tr>
 <tr>
-<td colspan="2">
+<td colspan=2>This will display only those assets that have been opened for editing (hopefully only your new and as yet unnamed asset will be shown)</td>
-----</td>
 </tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table> 																<!-- END Step 2 table -->
+<br>
+<table width=1000> 								<!-- BEGIN Step 3 table -->
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td width=50>&#160;</td>
-<td><font size="3">'''Step 2: Find the New Asset'''</font><br>
+<td>[[image:DotPoint3.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Open the Asset in Windows File Explorer:</span><br>
 <table>
 <tr valign="top">
-<td>[[file:NewAssetSelectOpen.PNG]]</td>
+<td>[[image:NewAssetShowExplorer.PNG|link=]]</td>
 <td>
-*Set the CM Search Filter to '''Open for Editing'''
+<table bgcolor=#000000 cellpadding=2>
-This will display only those assets that have been opened for editing (hopefully only your new and as yet unnamed asset will be shown)
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;6&#160;</span></td>
+<td><span style="font-weight: 700; font-size: 15px; background-color: lightcyan;">Right Click</span> on the entry '''New Asset'''</td>
+</tr>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;7&#160;</span></td>
+<td>Select <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">Open...</span></td>
+</tr>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;8&#160;</span></td>
+<td>Select <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">Show in Explorer</span></td>
+</tr>
+</table>
 </td>
 </tr>
-</table></td>
+</table>
+</td>
+</tr>
+</table> 																<!-- END Step 3 table -->
+</td>
 </tr>
 </table>
 <br>
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000> 								<!-- BEGIN Step 4 table -->
-<tr>
-<td colspan="2">
-----</td>
-</tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td width=50>&#160;</td>
-<td><font size="3">'''Step 3: Open the Asset in Windows Explorer'''</font><br>
+<td>[[image:DotPoint4.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Open Config.txt File in Notepad:</span>
-<table>
+<table> 																<!-- BEGIN Step 4 table -->
 <tr valign="top">
-<td>[[file:NewAssetShowExplorer.PNG]]</td>
+<td>[[image:NewAssetOpenExplorer.PNG|link=]]</td>
 <td>
-#Right mouse click on the entry '''New Asset'''
+<table bgcolor=#000000 cellpadding=2>
-#Select '''Open'''
+<tr valign="top">
-#Select '''Show in Explorer'''
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td colspan=2>There will only be a single item in the asset, its config.txt file</td>
+</tr>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;9&#160;</span></td>
+<td><span style="font-weight: 700; font-size: 15px; background-color: lightcyan;">Double Left Click</span> on the file to open it in '''Notepad'''</td>
+</tr>
+</table>
 </td>
 </tr>
-</table></td>
+</table>
+</td>
 </tr>
 </table>
+</td>
+</tr>
+</table> 																<!-- END Step 4 table -->
 <br>
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000> 								<!-- BEGIN Step 5 table -->
-<tr>
+<tr valign="top">
-<td colspan="2">
+<td width=50>&#160;</td>
-----</td>
+<td>[[image:DotPoint5.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Edit the Config.txt File:</span><br>
+<table> 																<!-- BEGIN Step 5 table -->
+<tr valign="top">
+<td>[[image:NewAssetOpenNotepad.PNG|link=]]</td>
+<td>
+<table bgcolor=#000000 cellpadding=2>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td colspan=2>You will need to edit the contents of this file.</td>
 </tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;10&#160;</span></td>
-<td><font size="3">'''Step 4: Open File in Notepad'''</font><br>
+<td>The next section, [[image:PageLink.PNG|link=]] '''[[#The Config.txt File|The Config.txt File]]''', identifies the changes you will need to make. The new name you give to the asset will not take effect until '''after''' it has been '''Submitted'''</td>
-<table>
+</tr>
 <tr valign="top">
-<td>[[file:NewAssetOpenExplorer.PNG]]</td>
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;11&#160;</span></td>
-<td>There will only be a single item in the asset, its config.txt file
+<td>After editing, save the changes and exit '''Notepad'''</td>
-*Double click on the file to open it in Notepad</td>
 </tr>
-</table></td>
+</table>
+</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table> 																<!-- END Step 5 table -->
 <br>
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000> 								<!-- BEGIN Step 5 Warning table -->
-<tr>
+<tr valign="top">
-<td colspan="2">
+<td width=50>&#160;</td>
-----</td>
+<td>
+<table bgcolor=#ff0000> 												<!-- BEGIN Step 5 warning table -->
+<tr valign="top">
+<td>
+<table bgcolor=#fcbcbc>
+<tr valign="top"> <!-- warning -->
+<td colspan=2><span style="font-size: 17px;"><b>Warning:</b></span></td>
 </tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td>[[image:Stop.PNG|link=]]</td>
-<td><font size="3">'''Step 5: Edit the File'''</font><br>
+<td>Unless you know '''exactly''' what you are doing'''*''',&nbsp;<span style="color: white; background-color: red; font-weight: 700; font-size: 17px;">&nbsp;DO NOT ALTER THE KUID NUMBER&nbsp;</span>&nbsp;that has been added to the file<br>
+'''*''' but even if you do, think <span style="font-weight: 700; text-decoration: underline">twice</span> before you change it !
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table> 																<!-- END Step 5 warning table -->
+<br>
+<table width=1000> 								<!-- BEGIN Step 6 table -->
+<tr valign="top">
+<td width=50>&#160;</td>
+<td>[[image:DotPoint6.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Add Any Extras:</span><br>
+<table>
+<tr valign="top">
+<td colspan=2>
+<table bgcolor=#000000 cellpadding=2>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;12&#160;</span></td>
+<td>You will need to add:-
 <table>
 <tr valign="top">
-<td>[[file:NewAssetOpenNotepad.PNG]]</td>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-<td>You will need to edit the contents of this file.
+<td>a thumbnail image as described in the section [[file:PageLink.PNG|link=]] '''[[#The Thumbnail Image|The Thumbnail Image]]'''</td>
-*The next section, [[file:PageLink.PNG]] '''[[#The Config.txt File|The Config.txt File]]''', identifies the changes you will need to make.
+</tr>
-*The new name you give to the asset will not take effect until after it has been committed.
+<tr valign="top">
-*After editing, save the changes and exit Notepad.
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the icon image as described in the section [[file:PageLink.PNG|link=]] '''[[#The Icon Image|The Icon Image]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>texture text file as described in the section [[file:PageLink.PNG|link=]] '''[[#The Texture File|The Texture File]]'''</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
 </td>
 </tr>
-</table><br>
-<table cellpadding="4" bgcolor=#fcbcbc>
 <tr valign="top">
-<td>[[file:Stop.PNG]]</td>
+<td colspan=2><span style="font-size: 17px;">'''THIS IS AN EXAMPLE ONLY'''</span><br></td>
-<td>Unless you know '''exactly''' what you are doing, '''<u>DO NOT ALTER THE KUID NUMBER</u>''' that has been added to the file</td>
 </tr>
-</table></td>
+<tr>
+<td>[[file:TexturePopupFiles.PNG|link=]]</td>
+<td><br><br>
+This is the '''minimum''' number of files needed for a '''Driver Character'''</td>
+</tr>
+</table> 																<!-- END Step 6 table -->
+</td>
 </tr>
 </table>
 <br>
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000> 								<!-- BEGIN Step 7 table -->
-<tr>
+<tr valign="top">
-<td colspan="2">
+<td width=50>&#160;</td>
-----</td>
+<td>[[image:DotPoint7.JPG|link=]]&nbsp;<span style="font-size: 17px; font-weight: 700;">Finish Up:</span>
+<table>
+<tr valign="top">
+<td>[[image:NewAssetSubmit.PNG|link=]]</td>
+<td>
+<table bgcolor=#000000 cellpadding=2>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;13&#160;</span></td>
+<td>Close the Asset window</td>
 </tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td><span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;14&#160;</span></td>
-<td><font size="3">'''Step 6: Add Any "Extras"'''</font><br>
+<td>Commit the asset in '''Content Manager'''
-You will need to add three additional files (possibly more depending on how the icon is created) to the asset folder:-<br>
+<table>
-*a thumbnail image as described in the section [[file:PageLink.PNG]] '''[[#The Thumbnail Image|The Thumbnail Image]]'''
+<tr valign="top">
-*the icon image as described in the section [[file:PageLink.PNG]] '''[[#The Icon Image|The Icon Image]]'''
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-*a texture text file as described in the section [[file:PageLink.PNG]] '''[[#The Texture File|The Texture File]]'''
+<td><span style="font-weight: 700; font-size: 15px; background-color: lightcyan;">Right Click</span> on the asset</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>Select <span style="font-weight: 700; font-size: 15px; color: white; background-color: blue;">&#160;Submit Edits&#160;</span>
+Hopefully there will be no errors.</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
 <br>
-These file do not have to be added immediately but must be present before the new asset can be used. You can reopen the asset for editing later to add the files before it is committed.</td>
+<table bgcolor=#000000>									<!-- BEGIN Step 7 Notes table -->
+<tr valign="top">
+<td>
+<table bgcolor=#ffffb0>									<!-- BEGIN Step 7 Notes table -->
+<tr valign="top">
+<td width=25>[[image:NotePad.PNG|link=]]</td>
+<td>Because you still have the Search Filter '''Open for Editing''' in operation, the now closed and '''Submitted''' asset will vanish from the '''Content Manager''' display. To check that your asset has been correctly created and renamed, set the Search Filter to '''Today'''.
+</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>																<!-- END Step 7 Notes table -->
 <br>
+<table cellpadding=4 bgcolor=#ff0000> 								<!-- BEGIN Step 7 errors table -->
+<tr valign="top">
+<td>
+<table cellpading="4" bgcolor=#ffffff> 									<!-- BEGIN Step 7 errors-bugs table -->
+<tr valign="top">
+<td>[[image:Bug.png|link=]]</td>
+<td>Some of the most common errors that can occur when creating and '''Submitting''' a new asset are:-
 <table>
-<tr>
+<tr valign="top">
-<td>[[file:TexturePopupFiles.PNG]]</td>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-<td><font size="3">'''THIS IS AN EXAMPLE ONLY'''</font><br><br>
+<td>no '''''thumbnail image''''' in the asset</td>
-This is the '''minimum''' number of files needed in a '''Texture asset'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>typing errors in the config.txt file</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>poorly formatted tags in the config.txt file</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>incorrect file types added to the asset folder</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>files missing from the asset folder</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>an incorrect '''kuid''' value (despite the warning you changed it in '''Step''' <span style="font-weight: 700; font-size: 15px; color: white; background-color: red;">&#160;5&#160;</span>)</td>
 </tr>
 </table>
+</td>
+</tr>
+</table> 																<!-- END Step 7 errors-bugs table -->
+</td>
+</tr>
+</table> 																<!-- END Step 7 errors table -->
+</td>
+</tr>
+</table> 																<!-- END Step 7 table -->
+</td>
+</tr>
+</table> 																<!-- END Steps table -->
+<br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepConfig"></span>
+='''The Config.txt File'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[file:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[file:NextUp.png|link=#stepCreate|alt=Next Up|Top]]</td>
+<td width=75>[[file:NextDown.png|link=#stepThumbIcon|alt=Next Down|Next Down]]</td>
+<td width=75>[[file:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000 bgcolor="lightcyan" cellpadding=2>
+<tr valign="top">
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''All assets must have a config.txt file'''</td>
+</tr>
+</table>																<!-- END Dot point table -->
+<br>
+<table cellpadding=4 bgcolor=#eeeeee>									<!-- BEGIN Settings table -->
 <tr>
 <td colspan="2">
@@ Line 161: / Line 468: @@
 </tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td>[[image:Gears.PNG|link=]]</td>
-<td><font size="3">'''Step 7: Finish Up'''</font>
+<td><span style="font-size: 17px;">'''Settings:'''</span>
 <table>
 <tr valign="top">
-<td>[[file:NewAssetSubmit.PNG]]</td>
+<td>The Texture asset must have a '''config.txt''' text file that '''must''' include the following tags:-
-<td>
+<table>
-*Close the Asset window
-*Commit the asset in Content manager
-:#Right mouse click on the asset
-:#Select '''Submit Edits'''
-Hopefully there will be no errors.<br><br>
-<table cellpadding="4" bgcolor=#ffffb0>
 <tr valign="top">
-<td>[[file:NotePad.PNG]]</td>
+<td width=10>[[image:BlackDot10x10.png|link=]]</td>
-<td><font size="3">'''Notes:'''</font><br>
+<td>'''kind''' set to '''"texture"'''</td>
-Because you still have the Filter '''Open for Editing''' in operation, the now closed and committed asset will vanish from the window display. To check that your asset has been correctly created and renamed, set the CM Search Filter to "Today".</td>
 </tr>
-</table>
-<table cellpadding="4" bgcolor=#ff0000>
 <tr valign="top">
-<td>
+<td>[[image:BlackDot10x10.png|link=]]</td>
-<table cellpading="4" bgcolor=#ffffff>
+<td>'''username''' set to the asset title or name</td>
+</tr>
 <tr valign="top">
-<td>[[file:Bug.png]]</td>
+<td>[[image:BlackDot10x10.png|link=]]</td>
-<td>Some of the most common errors that can occur when creating and committing a new asset are:-
+<td>'''kuid''' a unique ID code</td>
-*no '''''thumbnail image''''' in the asset
-*typing errors in the '''config.txt''' or '''.texture.txt files'''
-*poorly formatted tags in the '''config.txt''' file
-*incorrect file types added to the asset folder
-*files missing from the asset folder
-*incorrect '''kuid''' value (despite the warning you changed it in '''Step 5''')</td>
 </tr>
-</table></td>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>'''thumbnails''' set to a 240 by 180 pixel JPG image</td>
 </tr>
-</table></td>
+</table>
+</td>
 </tr>
-</table></td>
+<tr valign="top">
+<td>While not mandatory, the following tag is useful:-
+<table>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>'''category-class''' set to '''"JI"'''</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+<tr>
+<td colspan="2">
+----</td>
+</tr>
+</table>																<!-- END Settings table -->
 <br>
+<table width=1000>
+<tr valign="top">
+<td colspan=2>This file should follow the same (or a similar) format as the example below.</td>
+</tr>
+<tr valign="top">
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>entries in&nbsp;<span style="background-color: red; color: white; font-weight: 700;">&nbsp;red&nbsp;</span>&nbsp;must not be changed</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the indenting of the lines and the spacing ("tabbing") between the "tags" on the left and their contents on the right are purely to make it easier for humans to read</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the use of the '''{&#160;}''' braces is to group tags into common "containers". These containers must not be broken up and the number of '''{''' characters must match the number of '''}''' characters</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the order of the "tags" is not important</td>
+</tr>
+</table>
-='''The Config.txt File'''=
+ '''kuid'''                                    <span style="background-color: red; color: white; font-weight: 700;">&lt;kuid: this is an auto-generated number &gt;</span>
+  '''kind'''                                    "<span style="background-color: red; color: white; font-weight: 700;">texture</span>"
-This file should follow the same (or a similar) format as the example below. Entries in <font color="blue">'''blue'''</font> will be different for each asset. The order of the "tags" is not important:-
+  '''texture                                 "icon_gradeXing'''<span style="background-color: red; color: white; font-weight: 700;">.texture</span>"
+ '''username                                "icon grade crossing ahead"'''
- '''kuid'''                                    <kuid:<font color=#0000ff>'''this is an auto-generated number'''</font>>
+  '''category-class                          "'''<span style="background-color: red; color: white; font-weight: 700;">JI</span>'''"'''
-  '''kind                                    "texture"'''
+  '''trainz-build                            4.3'''
-  '''texture'''                                 "<font color=#0000ff>'''asset_name</font>.texture'''"
- username                                "<font color=#0000ff>'''place your selected asset name here'''</font>"
-  '''category-class'''                          "JI"
-  '''trainz-build'''                            '''4.3'''
   '''thumbnails'''
   {
-    '''0'''
+    '''Default'''
     {
-      width                               240
+      '''width'''                               <span style="background-color: red; color: white; font-weight: 700;">240</span>
-      height                              180
+      '''height'''                              <span style="background-color: red; color: white; font-weight: 700;">180</span>
-      image                               "'''<font color=#0000ff>name_of_thumbnail</font>.jpg'''"
+      '''image                               "icon_gradeXing'''<span style="background-color: red; color: white; font-weight: 700;">.jpg</span>'''"'''
     }
-    '''1'''
+    '''01'''
     {
-      width                               64
+      '''width'''                               <span style="background-color: red; color: white; font-weight: 700;">64</span>
-      height                              64
+      '''height'''                              <span style="background-color: red; color: white; font-weight: 700;">64</span>
-      image                               "<font color=#0000ff>'''asset_name</font>.texture'''"
+      '''image                               "icon_gradeXing'''<span style="background-color: red; color: white; font-weight: 700;">.texture</span>'''"'''
     }
   }
-  description                             "<font color=#0000ff>'''Place your description of what the icon represents here'''</font>"
+  '''description             "Icon representing an approaching grade crossing. Designed for message popups."'''
-<table cellpadding="4" bgcolor=#eeeeee>
+<table width=1000 cellpadding=4 bgcolor=#eeeeee>
 <tr>
 <td colspan="2">
@@ Line 236: / Line 564: @@
 </tr>
 <tr valign="top">
-<td>[[file:Gears.PNG]]</td>
+<td>[[file:Gears.PNG|link=]]</td>
-<td><font size="3">'''Settings:'''</font><br>
+<td><span style="font-size: 17px;">'''Settings:'''</span><br>
-'''For the above example:'''<br>
+'''For the above example:'''
-*The '''<kuid>''' is unique to every asset so it is '''not advisable to choose your own'''. This will be automatically generated by the '''Content Manager''' program when a new asset is created
+<table>
-*The '''kind''' identifies the ''type'' of asset and the types of files that '''TANE/TRS19''' will expect to find in the asset. It also tells '''TANE/TRS19''' how to render and error check the asset. A list of asset kinds can be found at [[file:WikiLink.PNG]] '''[[KIND_TrainzBaseSpec#KIND_Hierarchy|KIND Hierarchy]]'''
+<tr valign="top">
-*The '''texture''' is the name of the assets '''texture''' file. This will be a simple text file and will have the name '''<font color=#0000ff>asset_name</font>.texture''' where '''<font color=#0000ff>asset_name</font>''' will be a name you have selected for this asset - e.g. "ashpit.texture". The actual texture file itself will be named '''<font color=#0000ff>asset_name</font>.texture.txt''' (e.g. "ashpit.texture.txt") but the filename ending ".txt" is not added to the name in the '''texture''' tag
+<td width=10>[[image:BlackDot10x10.png|link=]]</td>
-*The '''username''' is your name for the asset and the name that other users will see. It is a good idea to make it compact and meaningful.
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> kuid </span>&nbsp;is unique to every asset so it is&nbsp;<span style="background-color: red; color: white; font-weight: 700;">&nbsp;not a good idea to choose your own&nbsp;</span>. This will be automatically generated by the '''Content Manager''' program when a new asset is created</td>
-*The '''category-class''' identifies the ''intent'' of the asset and is important in classifying it for filtering and searching. A list of category classes can be found at [[file:WikiLink.PNG]] '''[[Category-class]]'''
+</tr>
-*The '''trainz-build''' identifies the ''minimum'' Trainz version for this asset. A list of asset trainz-build numbers and their corresponding Trainz versions can be found at [[file:WikiLink.PNG]] '''[["Trainz-build"_number]]'''
+<tr valign="top">
-*The '''thumbnails''' container holds the ''preview'' images of the asset shown by the '''Content Manager''' program, the Web version of the ''DLS'' and the '''Message Popup Rule'''. It also contains the icon image. Information on thumbnails can be found at [[file:WikiLink.PNG]] '''[[Thumbnails]]'''
+<td>[[image:BlackDot10x10.png|link=]]</td>
-**The first thumbnail (size 240 x 180) is the thumbnail image used by '''CM''' and the '''Web DLS Page''' for this asset. The thumbnail image container value "'''0'''" is simply a ''placeholder'' for the thumbnail image, its exact value does not matter
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> kind </span>&nbsp;identifies the ''type'' of asset and the types of files that '''Trainz''' will expect to find in the asset. It also tells '''Trainz''' how to render and error check the asset. For '''Texture''' assets, the category class is <span style="font-weight: 700; color: white; background-color: red;">&#160;texture&#160;</span>. A list of asset kinds can be found at [[file:WikiLink.PNG|link=]] '''[[KIND_TrainzBaseSpec#KIND_Hierarchy|KIND Hierarchy]]'''</td>
-***The '''image''' is the name of the thumbnail image - it '''must''' be a JPG format image
+</tr>
-***The '''width''' of the image must be '''240 pixels'''
+<tr valign="top">
-***The '''height''' of the image must be '''180 pixels'''
+<td>[[image:BlackDot10x10.png|link=]]</td>
-**The second thumbnail (size 64 x 64) is the icon image used by the Message Popup Rule for this asset. The icon image container value "'''1'''" is simply a ''placeholder'' for the icon image, its exact value does not matter but it must be different from the thumbnail image container
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> texture </span>&nbsp;is the name of the assets '''texture''' file. This will be a simple text file and will have the name '''<span style="color: black;">asset_name</span>.texture''' where '''<span style="color: black;">asset_name</span>''' will be a name you have selected for this asset - e.g. "'''icon_gradeXing.texture'''". The actual texture file itself will be named '''<span style="color: black;">asset_name</span>.texture.txt''' (e.g. "'''icon_gradeXing.texture.txt'''") but the filename ending "'''.txt'''" is not added to the name in the '''texture''' tag so it would appear as "'''icon_gradeXing.texture'''"</td>
-***The '''image''' is the assets '''<font color=#0000ff>asset_name</font>.texture.txt''' file (but without the ".txt" at the end)
+</tr>
-***The '''width''' of the image must be '''64 pixels'''
+<tr valign="top">
-***The '''height''' of the image must be '''64 pixels'''
+<td>[[image:BlackDot10x10.png|link=]]</td>
-*The '''description''' provides more details for users than the '''username'''
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> username </span>&nbsp;is your name for the asset and the name that other users will see. It is also the name that will appear in the '''Driver Setup Rule''' when the driver is being selected. It is a good idea to make it short and meaningful</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> category-class </span>&nbsp;identifies the ''intent'' of the asset and is important in classifying it for filtering and searching. For '''driver character''' assets, the category class is <span style="font-weight: 700; color: white; background-color: red;">&#160;JI&#160;</span>. A list of category classes can be found at [[file:WikiLink.PNG|link=]] '''[[Category-class]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> trainz-build </span>&nbsp;identifies the ''minimum'' Trainz version needed for this asset. A list of asset trainz-build numbers and their corresponding Trainz versions can be found at [[file:WikiLink.PNG|link=]] '''[["Trainz-build"_number]]'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>The&nbsp;<span style="background-color: black; color: white; font-weight: 700;"> thumbnails </span>&nbsp;container holds the ''preview'' images of the asset shown by the '''Content Manager''' program, the Web version of the ''DLS'' and, for '''some assets''', the Surveyor main menu image(s) and, in this case, the asset texture itself. Information on thumbnails can be found at [[file:WikiLink.PNG|link=]] '''[[Thumbnails]]'''
+<table>
+<tr valign="top">
+<td width=10>[[image:BlackCircle10x10.png|link=]]</td>
+<td>The first thumbnail&nbsp;<span style="background-color: black; color: white; font-weight: 700;">&nbsp;Default&nbsp;</span>&nbsp;is the '''container ID''' or '''placeholder''' for the thumbnail used by CM and the Web based DLS. While its ''exact label'' (or number - eg. "Default", "00", "01", etc) is not important, it must be different from any other labels. '''Default''' and '''0''' are commonly used placeholder labels for the 240 x 180 thumbnail image
+*The '''image''' is the name of the thumbnail image. It does not have to be called '''thumbnail.jpg''' but it '''must''' be a JPG format image
+*The '''width''' of the image in pixels must be <span style="background-color: red; color: white; font-weight: 700;">&#160;240&#160;</span>
+*The '''height''' of the image in pixels must be <span style="background-color: red; color: white; font-weight: 700;">&#160;180&#160;</span></td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>The second thumbnail&nbsp;<span style="background-color: black; color: white; font-weight: 700;">'''&nbsp;01&nbsp;'''</span>&nbsp;is the placeholder label for the 64 x 64 icon image used by the '''Driver Character''' for this asset. Its ''exact label'' does not matter but it must be different from the first thumbnail image placeholder label
+*The '''image''' is the assets '''<span style="color: black;">asset_name</span>.texture.txt''' file (but without the ".txt" at the end)
+*The '''width''' of the image in pixels must be <span style="background-color: red; color: white; font-weight: 700;">&#160;64&#160;</span>
+*The '''height''' of the image in pixels must be <span style="background-color: red; color: white; font-weight: 700;">&#160;64&#160;</span></td>
+</tr>
+</table>
+</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>The <span style="background-color: black; color: white; font-weight: 700;">&#160;description&#160;</span> provides more details for users than the '''username'''</td>
+</tr>
+</table>
 </td>
 </tr>
@@ Line 260: / Line 623: @@
 <td colspan="2">
 ----</td>
+</tr>
+</table>
+<table width=1000 bgcolor=#ffffe0>
+<tr valign="top">
+<td>[[file:PencilTips.PNG|link=]]</td>
+<td><span style="font-weight: 700; font-size: 17px;">Language Options:</span><br>
+----
+</td>
+</tr>
+<tr valign="top">
+<td></td>
+<td>All Trainz assets have a language facility built into their config.txt files that allows other language translations to be added for certain tags, such as the '''username''' and '''description''' tags. A full description of the process can be found on the Trainz Wiki at [[file:WikiLink.PNG|link=]]&nbsp;'''[[HowTo/Localize_an_Asset|Localize an Asset]]''' and a list of all the supported languages with their two character codes at [[file:WikiLink.PNG|link=]]&nbsp;'''[[Localization_code|Localization (country) Codes]]'''.<br>
+At the very basic level any creator can easily provide other language translations for the '''username''' and '''description''' tags in the assets they create. Examples are shown below for this sample asset.</td>
+</tr>
+<tr valign="top">
+<td colspan=2>
+ username                    "icon grade crossing ahead"
+ username-c2                 "图标前方的路口"
+ username-de                 "Symbol Bahnübergang voraus"
+ username-es                 "icono de cruce de grados por delante"
+ username-fr                 "icône passage à niveau avant"
+ username-nl                 "pictogram cijferovergang vooruit"
+ username-ru                 "значок пересекает"
+</td>
+</tr>
+<tr valign="top">
+<td></td>
+<td>Translations to Chinese (simplified), Spanish, French, German, Dutch and Russian, perfect or not, were provided by Google Translate.
+</td>
 </tr>
 </table>
 <br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepThumbIcon"></span>
+='''The Thumbnail Image'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[file:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[file:NextUp.png|link=#stepConfig|alt=Next Up|Top]]</td>
+<td width=75>[[file:NextDown.png|link=#stepIcon|alt=Next Down|Next Down]]</td>
+<td width=75>[[file:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
+<br>
+<table width=1000 bgcolor="lightcyan" cellpadding=2>
+<tr valign="top">
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
+<td>'''A thumbnail image MUST be present in the asset'''</td>
+</tr>
+</table>
+<br>
+<table width=1000>
+<tr valign="top">
+<td>
+<table bgcolor=#000000 width=720>
+<tr valign="top">
+<td>
+<table bgcolor=#ffffb0 width=716>
+<tr valign="top">
+<td>[[image:NotePad.PNG|link=]]</td>
+<td><span style="font-size: 17px;">'''Notes:'''</span><br>
+----
+The thumbnail image:-
+<table>
+<tr valign="top">
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>must be in '''JPG''' format</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>must be '''240''' pixels wide by '''180''' pixels tall</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>'''does not''' have to be named ''thumbnail.jpg'' as long as the name used is in the '''Thumbnails''' container in the '''config.txt''' file</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
+<td with=240>[[image:IconDecoupleThumbnail.png|link=|alt=Thumbnail]]</td>
+</tr>
+</table>
+<br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepIcon"></span>
 ='''The Icon Image'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[image:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[image:NextUp.png|link=#stepThumbIcon|alt=Next Up|Next Up]]</td>
+<td width=75>[[image:NextDown.png|link=#stepTexture|alt=Next Down|Next Down]]</td>
+<td width=75>[[image:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-<table cellpadding="4" bgcolor=#c1e7e7>
+<table width=1000 bgcolor="lightcyan" cellpadding=2>
 <tr valign="top">
-<td>[[file:DotPoint.JPG]]</td>
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
-<td>You will need image editing software to create the icon image or to change an existing image to the required dimensions and format.</td>
+<td>You will need image editing software to create the icon image or to change an existing image to the required dimensions and format</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlueDot10x10.png|link=]]</td>
+<td>See the [[file:PageLink.PNG|link=]] '''[[#Create the Driver Image|Create the Driver Image]]''' section at the top of this page for an example</td>
 </tr>
 </table>
 <br>
-<table>
+<table width=1000>
 <tr valign="top">
-<td>[[file:Texture64Pixels.PNG]]<br>
+<td>[[file:Texture64Pixels.PNG|link=]]<br>
 (not to scale)</td>
 <td>
-<table cellpadding="4" bgcolor=#eeeeee>
+<table cellpadding=4 bgcolor=#eeeeee>
 <tr>
 <td colspan="2">
@@ Line 284: / Line 752: @@
 </tr>
 <tr valign="top">
-<td>[[file:Gears.PNG]]</td>
+<td>[[file:Gears.PNG|link=]]</td>
-<td><font size="3">'''Settings:'''</font><br>
+<td><span style="font-size: 17px;">'''Settings:'''</span><br>
 The image must meet the following specifications:-
-*64 pixels wide and 64 pixels tall
+<table>
-*bit depth ''should'' be 24 (no '''alpha channel''' or transparency) or 32 (if an '''alpha channel''' is used)
+<tr valign="top">
-*image file format can be any of:-
+<td width=10>[[image:BlackDot10x10.png|link=]]</td>
-**bmp
+<td>64 pixels wide and 64 pixels tall</td>
-**jpg (jpg '''does not''' support transparency)
+</tr>
-**png
+<tr valign="top">
-**tga (tga compression '''should not''' be used)</td>
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>bit depth ''should'' be 24 (no '''alpha channel''' or transparency) or 32 (if an '''alpha channel''' is used)</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>image file format can be any of:-
+<table>
+<tr valign="top">
+<td width=10>[[image:BlackCircle10x10.png|link=]]</td>
+<td>'''bmp'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>'''jpg''' (jpg '''does not''' support transparency)</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>'''png'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>'''tga''' (tga compression '''should not''' be used)</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
 </tr>
 <tr valign="top">
@@ Line 303: / Line 798: @@
 </table>
 <br>
-<table cellpadding="4" bgcolor=#ffffb0>
+<table width=1000 bgcolor=#000000>
 <tr valign="top">
-<td>[[file:PencilTips.PNG]]</td>
+<td>
+<table bgcolor=#ffffe0>
+<tr valign="top">
+<td>[[file:PencilTips.PNG|link=]]</td>
 <td>If your image will have a transparency, such as a transparent background, it is usually a lot easier to save the image in a format that supports an '''alpha channel''' ('''bmp''', '''png''' or '''tga''') and either
-*convert the background to a transparency or
+<table>
-*remove the background and add a transparent layer to the image as its background
+<tr valign="top">
-than it is to use a format that does not support an '''alpha channel''' and have to create a second image for the '''alpha channel'''. See [[file:PageLink.PNG]] '''[[#The Texture File|The Texture File]]''' below.</td>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>convert the background to a transparency <span style="font-weight: 700; font-size: 15px;">OR</span></td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>remove the background and add a transparent layer to the image as its background</td>
+</tr>
+</table>
+... than it is to use a format that does not support an alpha channel. See [[file:PageLink.PNG|link=]] '''[[#The Texture File|The Texture File]]''' below for more details.</td>
+</tr>
+</table>
+</td>
 </tr>
 </table>
 <br>
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
+<tr valign="top">
+<td width=629><span id="stepTexture"></span>
 ='''The Texture File'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[file:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[file:NextUp.png|link=#stepIcon|alt=Next Up|Top]]</td>
+<td width=75>[[file:NextDown.png|link=#stepUsing|alt=Next Down|Next Down]]</td>
+<td width=75>[[file:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-<table cellpadding="4" bgcolor=#c1e7e7>
+<table width=1000 bgcolor="lightcyan" cellpadding=2>
 <tr valign="top">
-<td>[[file:DotPoint.JPG]]</td>
+<td width=10>[[image:BlueDot10x10.png|link=]]</td>
 <td>The '''.texture.txt''' file controls how an image icon is displayed, particularly its '''Alpha Channel''' (or transparency) data. The file must be present even if no transparency is used in the icon.</td>
 </tr>
 </table>
 <br>
-<table cellpadding="4" bgcolor=#eeeeee>
+<table cellpadding=4 bgcolor=#eeeeee>
 <tr>
 <td colspan="2">
@@ Line 329: / Line 849: @@
 </tr>
 <tr valign="top">
-<td>[[file:Gears.PNG]]</td>
+<td>[[file:Gears.PNG|link=]]</td>
-<td><font size="3">'''Settings:'''</font><br>
+<td><span style="font-size: 17px;">'''Settings:'''</span>
-*the '''Texture File''' is a standard '''text''' file
+<table>
-*the filename is composed of:-
+<tr valign="top">
-**a user selected '''asset_name''' followed by a period ('''.''')
+<td width=10>[[image:BlackDot10x10.png|link=]]</td>
-**the word '''texture''' followed by a period ('''.''')
+<td>the '''Texture File''' is a standard '''text''' file</td>
-**the letters '''txt'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>the filename is composed of:-
+<table>
+<tr valign="top">
+<td width=10>[[image:BlackCircle10x10.png|link=]]</td>
+<td>a user selected '''asset_name''' followed by a period ('''.''')</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>the word '''texture''' followed by a period ('''.''')</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackCircle10x10.png|link=]]</td>
+<td>the letters '''txt'''</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
 </tr>
 <tr valign="top">
@@ Line 344: / Line 885: @@
 <br>
 A sample '''Texture File''', "ashpit.texture.txt", is shown below:-
-<table cellpadding=5>
+<table width=1000 cellpadding=5>
 <tr>
 <td>
@@ Line 352: / Line 893: @@
 </td>
 <td>
-<table cellpadding="4" bgcolor=#eeeeee>
+<table cellpadding=4 bgcolor=#eeeeee>
 <tr valign="top">
 <td colspan="2">
@@ Line 358: / Line 899: @@
 </tr>
 <tr valign="top">
-<td>[[file:Gears.PNG]]</td>
+<td>[[file:Gears.PNG|link=]]</td>
-<td><font size="3">'''Settings:'''</font><br>
+<td><span style="font-size: 17px;">'''Settings:'''</span>
-*'''primary''' - this is the name of the icon image file that contains the '''RGB''' colour image. Any '''alpha channel''' in this file will be ignored
+<table>
-*'''alpha''' - this is the name of the icon image file that contains the '''Alpha Channel''' (transparency) image (see '''Notes:''' below)
+<tr valign="top">
-*'''tile=st''' - instructs '''TANE/TRS19''' to tile the image both horizontally and vertically. This has no effect on the icon in a message popup window but must be included for validation purposes
+<td width=10>[[image:BlackDot10x10.png|link=]]</td>
+<td>'''primary''' - this is the name of the icon image file that contains the '''RGB''' colour image. Any '''alpha channel''' in this file will be ignored</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>'''alpha''' - this is the name of the icon image file that contains the '''Alpha Channel''' (transparency) image (see '''Notes:''' below)</td>
+</tr>
+<tr valign="top">
+<td>[[image:BlackDot10x10.png|link=]]</td>
+<td>'''tile=st''' - instructs '''Trainz''' to tile the image both horizontally and vertically. This has no effect on the Driver Character icon but must be included for validation purposes</td>
+</tr>
+</table>
 No "white spaces" between the text characters is allowed.</td>
 </tr>
@@ Line 369: / Line 921: @@
 ----</td>
 </tr>
-</table></td>
+</table>
+</td>
 </tr>
 </table>
-<table cellpadding="4" bgcolor=#ffffb0>
+<table width=1000 cellpadding=2 bgcolor=#ffffb0>
 <tr valign="top">
-<td>[[file:NotePad.PNG]]</td>
+<td>[[image:NotePad.PNG|link=]]</td>
-<td><font size="3">'''Notes:'''</font><br>
+<td><span style="font-size: 17px;">'''Notes:'''</span><br>
+----
 There are 3 general "scenarios" for the structure of the '''Texture File''' in a '''Texture Non Environmental''' asset.<br>
 <table>
 <tr valign="top">
-<td>[[file:DotPoint1.JPG]]</td>
+<td width=25>[[image:Ablue.png|link=]]</td>
-<td>If the icon has a transparency (an '''alpha channel''') and is saved in a format that supports the '''alpha channel'''</td>
+<td>If the icon has a transparency (an '''alpha channel''') and is saved in a format that supports the '''alpha channel'''<br>
-</tr>
-</table>
 Then:-
 <table>
 <tr valign="top">
 <td>
-  primary=ashpit.tga
+  primary=Lillian64.png
-  alpha=ashpit.tga
+  alpha=Lillian64.png
   tile=st
 </td>
-<td><br>
+<td>
-*the '''primary''' and '''alpha''' images are the same file, as in the example shown left
+<table>
-*the image must contain '''<u>both</u>''' the '''RGB''' colour data and the '''Alpha Channel''' (transparency) data (it must have a '''depth''' of '''32 bits''')</td>
+<tr valign="top">
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the '''primary''' and '''alpha''' images are the same file, as in the example shown left</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the image must contain '''<span style="text-decoration: underline;">both</span>''' the '''RGB''' colour data and the '''Alpha Channel''' (transparency) data (it must have a '''depth''' of '''32 bits''')</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
 </tr>
 </table>
@@ Line 399: / Line 964: @@
 <table>
 <tr valign="top">
-<td>[[file:DotPoint2.JPG]]</td>
+<td>[[image:Bblue.png|link=]]</td>
-<td>If the icon needs to have transparency (an '''alpha channel''') but an '''alpha channel''' is not available (e.g. it is saved in the jpg file format) or is not suitable</td>
+<td>If the icon needs to have transparency (an '''alpha channel''') but an '''alpha channel''' is not available (e.g. it is saved in the jpg file format) or is not suitable<br>
+Then:-
+<table>
+<tr valign="top">
+<td>
+ primary=Lillian64.jpg
+ alpha=Lillian64_alpha.jpg
+ tile=st
+</td>
+<td>
+<table>
+<tr valign="top">
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>two different files (different file names or different image file formats) must be used as in the example shown left</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>both images must be the same size (64 pixels x 64 pixels)</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>both images must have a '''depth''' of '''24 bits''' - so no '''alpha channel''' must be present in either image</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the '''alpha''' image file should be a greyscale image or just black and white</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+<table>
+<tr valign="top">
+<td>[[image:Cblue.png|link=]]</td>
+<td>If the icon image does not have a transparency and no '''alpha channel''' is needed<br>
 Then:-
 <table>
 <tr valign="top">
 <td>
-  primary=ashpit.jpg
+  primary=Lillian64.jpg
- alpha=ashpit_alpha.jpg
   tile=st
 </td>
 <td>
-*two different files (different file names or different image file formats) must be used as in the example shown left
+<table>
-*both images must be the same size (64 pixels x 64 pixels)
+<tr valign="top">
-*both images must have a '''depth''' of '''24 bits''' - so no '''alpha channel''' must be present in either image
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-*the '''alpha''' image file ''should'' be a greyscale image or even just black and white</td>
+<td>the '''alpha=''' line in the '''.texture.txt file''' is not needed, as in the example shown left</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>the '''primary''' file contains the '''RGB''' colour data and can be in any supported image format. If it also has '''alpha channel''' data then the alpha channel data will be ignored so the icon will be shown without any transparency</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+</td>
 </tr>
 </table>
+Image file formats supported by '''Trainz''' that have an '''alpha channel''' are:-
 <table>
 <tr valign="top">
-<td>[[file:DotPoint3.JPG]]</td>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
-<td>If the icon image does not have a transparency and no '''alpha channel''' is needed</td>
+<td>'''bmp'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>'''png'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint.JPG|10px|link=]]</td>
+<td>'''tga''' (do not use compression)</td>
 </tr>
 </table>
-Then:-
+Image file formats supported by '''Trainz''' that '''DO NOT''' have an '''alpha channel''' are:-
 <table>
 <tr valign="top">
-<td>
+<td width=10>[[image:DotPoint.JPG|10px|link=]]</td>
- primary=ashpit.tga
+<td>'''jpg'''</td>
- tile=st
+</tr>
+</table>
 </td>
-<td><br>
-*the '''alpha=''' line in the '''.texture.txt file''' is not needed, as in the example shown left
-*the '''primary''' file contains the '''RGB''' colour data and can be in any supported image format. If it also has '''alpha channel''' data then that data it will be ignored so the icon will be shown without any transparency</td>
 </tr>
 </table>
-Image file formats supported by '''TANE/TRS19''' that have an '''alpha channel''' are:-<br>
+<br>
-*bmp
+<table cellpadding=4 bgcolor="Aquamarine">
-*png
+<tr valign="top">
-*tga
+<td>[[file:LinkWiki.PNG|link=]]</td>
-Image file formats supported by '''TANE/TRS19''' that DO NOT have an '''alpha channel''' are:-<br>
+<td>A detailed description of the '''.texture''' file format can be found on the '''Trainz Wiki Page''' at:-<br>
-*jpg</td>
+[[image:BlueDot10x10.png|link=]] '''[[Texture_file|Texture File]]'''</td>
 </tr>
 </table>
 <br>
-A more detailed description of the '''Texture File''' can be found on the Trainz Wiki at [[file:WikiLink.PNG]] '''[[Texture_file|Texture File]]'''
+<table width=1000>						<!-- BEGIN Nav Buttons Table NO SKIPS -->
-<br>
+<tr valign="top">
+<td width=629><span id="stepUsing"></span>
 ='''Using the Asset'''=
+</td>
+<td width=50>&#160;</td> <!-- Skip Down -->
+<td width=50>&#160;</td> <!-- Skip Up -->
+<td width=46>[[file:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[file:NextUp.png|link=#stepTexture|alt=Next Up|Top]]</td>
+<td width=75>&nbsp;</td>
+<td width=75>[[file:BackToBottom.png|link=#bottom|alt=Bottom|Bottom]]</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
-Once the new asset has been committed it will be available for use in a '''Message Popup Rule'''. It will appear as a '''Texture Asset''' in the rule icon list.
+<table width=1000>
-<table>
 <tr valign="top">
-<td>[[file:TextureAssetList.PNG]]</td>
+<td>Once the new asset has been committed it will be available for use in a '''Message Popup Rule'''. It will appear as a '''Texture Asset''' in the rule icon list.</td>
+</tr>
+</table>
+<br>
+<table width=1000>
+<tr valign="top">
+<td>[[file:TextureAssetList.PNG|link=]]</td>
 <td>
-<table cellpadding="4" bgcolor=#ffffff>
+<table bgcolor=#000000 cellpadding=2>
-<tr>
+<tr valign="top">
-<td colspan="2">
+<td>
-----</td>
+<table bgcolor=#ffffff cellpadding=2>
+<tr valign="top">
+<td colspan=2><span style="font-weight: 700; font-size: 15px;">Steps:</span> To use the Texture asset:-</td>
 </tr>
 <tr valign="top">
-<td>[[file:Steps.PNG]]</td>
+<td colspan=2>In the [[file:WikiLink.PNG|link=]] '''[[How to Use Session Editor|Session Editor]]''' add a [[file:WikiLink.PNG|link=]] '''[[How to Use Message Popup Rule|Message Popup Rule]]''' and open it for editing.</td>
-<td><font size="3">'''Steps:'''</font><br>
-In the '''Session Editor''' add a '''Message Popup Rule''' and open it for editing.
-#Select [[file:PortalOptionButtonFilled.PNG]] '''Custom Text'''
-#Click the icon link '''<u>Click to select</u>'''
-#Scroll through the list of Texture Icons
-#Select the required icon
-#Click the [[file:Tick.PNG]] icon to accept the selection</td>
 </tr>
-<tr>
+<tr valign="top">
-<td colspan="2">
+<td width=25>[[image:DotPoint1.JPG|link=]]</td>
-----</td>
+<td>Select [[file:PortalOptionButtonFilled.PNG|link=]] '''Custom Text'''</td>
 </tr>
-</table></td>
+<tr valign="top">
+<td>[[image:DotPoint2.JPG|link=]]</td>
+<td><span style="font-weight: 700; font-size: 15px; background-color: lightcyan;">Left Click</span> the icon link '''<span style="text-decoration: underline;">Click here to set</span>'''</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint3.JPG|link=]]</td>
+<td>Scroll through the list of Texture Icons</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint4.JPG|link=]]</td>
+<td>Select the required icon</td>
+</tr>
+<tr valign="top">
+<td>[[image:DotPoint5.JPG|link=]]</td>
+<td><span style="font-weight: 700; font-size: 15px; background-color: lightcyan;">Left Click</span> the [[file:Tick.PNG|link=]] icon to accept the selection</td>
 </tr>
 </table>
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+<br>
+<table>						<!-- BEGIN Nav Buttons Table -->
+<tr valign="top">
+<td width=729><span id="bottom"></span>&nbsp;</td>
+<td width=46>[[file:BackToTop.png|link=#top|alt=Top|Top]]</td>
+<td width=75>[[file:NextUp.png|link=#stepUsing|alt=Next Up|Top]]</td>
+<td width=75>&nbsp;</td>
+<td width=75>&nbsp;</td>
+</tr>
+</table>								<!-- END Nav Buttons Table -->
 ----
 ----
-<br>
 ='''Trainz Wiki'''=
-<table cellpadding="4" bgcolor=#ffffff>
+<table width=1000>
 <tr valign="top">
-<td>[[file:TrainzWiki.png]]</td>
 <td>
-<font size="3">'''More Tutorials and Guides to Using Trainz'''</font><br>
+<table width=500 cellpadding=2 bgcolor=#ffffff>
+<tr valign="top">
+<td width=80>[[image:TrainzWiki.png|link=]]</td>
+<td>
+<span style="font-size: 17px;">'''More Tutorials and Guides to Using Trainz'''</span><br>
 *'''<span class="plainlinks">[http://online.ts2009.com/mediaWiki/index.php/HowTo How to Guides]</span>'''
 *'''[[Driver Commands List]]'''
@@ Line 496: / Line 1,152: @@
 </tr>
 </table>
+</td>
+<td>
+<table width=500 cellpadding=4 bgcolor="aquamarine">
+<tr valign="top">
+<td width=50>[[image:LinkWiki.PNG|link=]]</td>
+<td>
+<span style="font-size: 17px;">'''Related Links'''</span><br>
+* '''[[How to Use Message Popup Rule|How to Use the Message Popup Rule]]'''
+</td>
+</tr>
+</table>
+</td>
+</tr>
+</table>
+----
+This page was created by Trainz user '''<span class="plainlinks">[http://online.ts2009.com/mediaWiki/index.php/User:Pware pware]</span>''' in August 2018 and was last updated as shown below.
+----
 [[Category:How-to guides]]