View source for CCG/Example: Html-Asset

==HTML-Asset==


===Directory Structure===
A typical asset of this kind has the following File\Directory Structure:

[[Image:CCG_html_asset_dir1.jpg]]


===Required Files===

'''config.txt''' - The config file for the asset.

'''thumb.jpg''' - The thumbnail image for this asset. A 240x180 jpeg.

'''maglev-1.html, maglev-3.html''' - The HTML pages to be used in-game.

'''various button.....tga''' - Image file used in the index.html HTML pages.



Config.txt File Listing
 username             "testHTML Asset"
 kind                 "html-asset"
 kuid                 &lt;kuid:171456:100036&gt;
 trainz-build         2.9
 category-class       "YH"
 category-region      "00"
 category-era         "2010s"
 description          "Test Html asset based on the Maglev models. "
 string-table
 {
   html-pages-button            "&lt;a href='$0'&gt;&lt;img src='$1' mouseover='$2' width=40 height=40&gt;&lt;/a&gt;"
   
   html-pages-button-disabled   "&lt;img src='$0' width=40 height=40&gt;"
   
   html-pages-button-prev	"&lt;a href='live://pages/ prev'&gt;&lt;img src='images/button-prev.tga' 
                                       mouseover='images/button-prev-on.tga' width=40  height=40&gt;&lt;/a&gt;"
   
   html-pages-button-prev-disabled  "&lt;img src= 'images/button-prev-off.tga' width=40 height=40&gt;"
   
   html-pages-button-next       "&lt;a href= 'live://pages/next'&gt;&lt;img src='images/button-next.tga' 
                                       mouseover='images/button-next-on.tga' width=40 height=40&gt;&lt;/a&gt;"
   
   html-pages-button-next-disabled  "&lt;img src= 'images/button-next-off.tga' width=40 height=40&gt;"
   
   html-pages-button-done       "&lt;a href='live://pages/done'&gt;&lt;img src='images/button-done.tga' 
                                       mouseover='images/button-done-on.tga' width=40 height=40&gt;&lt;/a&gt;"
   
   html-pages-button-done-disabled  "&lt;img src= 'images/button-done-off.tga' width=40 height=40&gt;"
   
   html-page-0        "maglev-1"
   
   html-page-2        "maglev-3"
   
   msg-error-derailment "&lt;font color=#000000 size=4&gt;&lt;b&gt;Failed Session!&lt;/b&gt;&lt;br&gt;Derailment detected,
                                       tutorial session terminated!&lt;/font&gt;"
   
   msg-error-mainline  "&lt;font color=#000000 size=4&gt;&lt;b&gt;Failed Session!&lt;/b&gt;&lt;br&gt;You strayed out onto
                                       the mainline. Next time try and stay off the mainline!&lt;/font&gt;"
   
   msg-done-shunting   "&lt;font color=#000000 size=4&gt;Consist assembled successfully, take train out of
                                       yard onto the NW branchline as described in the instructions.&lt;/font&gt;"
 }
   
 thumbnails
 {
   0
     {
       image          "thumb.jpg"
       width          240
       height         180
     }
 }



===HTML File Listing===
File.html (the html file is of this form)
  &lt;html&gt;
    &lt;body&gt;
      &lt;img src = "traffic.jpg"&gt;
    &lt;/body&gt;
  &lt;/html&gt;



===Download this asset===
This asset is available for download from the TRS2006 website at:

http://files.auran.com/TRS2006/Downloads/Example_Download.zip



==Return to CCG Index==
[[Content Creator's Guide]]

[[CCG/Kind_Examples|Kind Examples]]