home *** CD-ROM | disk | FTP | other *** search
/ Internet 53 / INTERNET53.iso / pc / software / windows / building / mystore / instructions / decoration.txt < prev    next >
Encoding:
Text File  |  1999-02-03  |  3.6 KB  |  74 lines
  1.             **********************
  2.             MyStore 3.x DECORATION
  3.             **********************
  4.  
  5. The "Layout" folder contains gif or jpeg images in sub folders
  6. that are used to decorate documents containing a layout table,
  7. to set a page background image if desired, and to provide your
  8. own navigation button designs.
  9.  
  10. The path to the images is set in "storefront.htm" as:
  11. var layout = 'Layouts/yourfolder';.
  12. You can have as many looks as you want just by adding more sub
  13. folders to the "Layouts" folder and changing the path name in
  14. your "storefront.htm" file.  
  15.  
  16. By default the layout table in the "show" frame is set at 480 pixels
  17. wide to allow successful viewing on low resolution screens.
  18.  
  19. The layout images are set as background images in a table data (<td>)
  20. field.  They will tile if their size is less than the td width or height.  
  21.  
  22. The top row of the layout table is 480 X 80 pixels.  The image that
  23. displays here is "hrow.gif" or "hrow.jpg".  To display a single image,
  24. make the size match the table row size, that is: 480 x 80 pixels.
  25. Some very interesting effects, however, can be achieved by using small
  26. images and letting them tile.
  27.  
  28. The left column defaults to 20, 40, or 80 pixels wide depending on
  29. the document.  This is done to fit everything into a 480 pixel wide
  30. table.  The image here is "col.gif" or "col.jpg".  The height of the
  31. image will vary according to the page viewed and the amount of information
  32. on that page.  For this reason, you should use a small image that will
  33. look good when tiled.
  34.  
  35. The page background image is called "back.gif".  This can be any size
  36. to create the effect you want.
  37.  
  38. Within each of the "yourfolder" that you create, there must be a sub
  39. folder called "Buttons".  There are 12 navigation button images here.
  40. Most names should make their use self evident.
  41.  
  42. "altgo.gif" is used as the default image in the left column of the
  43. browse page when no image is specified in your category database list.
  44. See the "databaseset.txt" for more information about this.  It serves
  45. as the link for your customer to click to view products in a category.
  46. The image size can be up to 80 x 80 pixels.
  47.  
  48. "quest.gif" is used in the left row of the products display page.  It
  49. serves as the link to product detail pages.  It can be up to 40 x 40
  50. pixels.
  51.  
  52. "enterorder.gif", getnewcat.gif", and "backcat.gif" are all navigation
  53. buttons appearing in the bottom row of a table displayed within a page.
  54. These images look best as long narrow buttons similar to default form
  55. buttons.  Their size should be approximately 25 x 150 pixels.
  56.  
  57. All of the other buttons appear in the bottom navigation row of your store.
  58. This row is set to 42 pixels high; so, the buttons should not exceed
  59. about 36 pixels in height.  The width is limited by the browser window size
  60. and the length of your storename.  Assuming a window width of 640 pixels
  61. and a name length of 200 pixels and some space between these seven buttons, 
  62. allows up to about 55 pixels in width for each button.
  63.  
  64. Around line 84 of the "storefront.htm" file you get to choose a logo
  65. to display over the top of your "hrow.gif" assuming one was used.
  66. By default this is set to a small MyStore logo.  You can change this
  67. to YourStore logo and set a link to YourDomain.  The size of this
  68. logo is not important to the rendering of your pages.  However, it 
  69. should not exceed approximately 350 pixels in width to allow room
  70. for the adjoining text.  Logo heights greater than 80 pixels will
  71. simply expand the 80 pixel default table row height. View the trial
  72. software, "storefrontdeco.htm", for an illustration of this.
  73.  
  74.             **********************