You can change the appearance of the pricelist by adding a few Javascript variables as shown below. It's easy.
If you leave out a variable, a default value is used instead.
The Price List shown here has a modified background, has been resized, and does not display data from the previous week.
Here is a list of the variables used to control the Price List. Any variable that you do not list in your html code will take the default value. Follow the example above to see how to specify variables.
Size
If you specify a width, the height will automatically be computed. In some cases you may want to add a zHeight variable to set the height exactly as you like. zWidth: The width of the frame in pixels. Default = 200. zHeight: The height of the frame in pixels. Default = Variable, based on width.
Color
Colors can be specified by keywords or with hex codes like those found here. zBackColor: The background color of the frame. Default = white (#FFFFFF). zFontColor: The font color. Default = black(#000000). zBorderColor: The color of the list's border. Default = #8a9eab.
Data
zShowDate: Determines whether today's date is shown above the gasoline prices. Can be turned off (0) to make the list shorter. Default = 1 (on) zWeek: Determines whether data from the previous week is displayed. Use 0 for off, 1 for on. Default = 1 zYear: Determines whether data from the previous year is displayed. Use 0 for off, 1 for on. Default = 1 zState: The first state to be displayed. Default = "US". zSpeed: The rate at which the states change. Set zSpeed to 0 to only show the first state. Default = 10.
