Setup Guide V1 (last updated January 4th, 2007)

Designed for the Gen7 Series Templates and Modules

Time date basic tutorials

Time date intermediate tutorials

Please review the tutorials on CSS font (types, size, color).

To edit the properties of this element you will need to edit the source FLA file using Macromedia Flash (MX 2004 or 8).

Change font type, change font size, change font colors

Please watch our video tutorial for a complete demonstration on how to edit the font properties for the time / date component.

Change the language

Please watch our video tutorial for a complete demonstration on how to edit the font properties for the time / date component.

Move or re-located on page

Please watch our video tutorial for a complete demonstration on how to edit the font properties for the time / date component.

 

The date and time element is designed to display a 12 or 24 hour digital clock on your web page. The 'time' is also designed to display your 'visitors' local time, not your local time.

Remove the time/date component

  • open the flash folder
  • open the time date folder
  • delete the 'time_date.swf' file

Change 12/24 hour display

  • open your index.htm page (or any pages using this layout with the flash header)
  • switch to code view
  • locate the following code on line (approximately line 39, this may vary)

var clock24hour = 1; // 0 = 12 hour clock, 1 = 24 hour clock

  • for 12 hour display, change the number (indicated in bold red as 1 in this example) to "0"
  • for 24 hour display, change the number in red to "1"

This component can be modified in the following ways:

  • deleted from your web page
  • the time can be set to display 24 hour
  • the day, month descriptions can be changed to suit your language
  • the font size, color, type and weight can all be modified

How do I change the date time (BONUS FEATURE)?

There are really only three options to go with.

  1. Modify the source FLA file using Macromedia Flash 8. The Case Study video goes through the steps on how to accomplish this task.
  2. Send in a special request to our design team and we'll modify the descriptions (day and month).
  3. Check the support_information.pdf document included with this template package. On the support_information.pdf document we've included a section located at the bottom of the doc,  for 'updates'. If we've already modified a file to suit your specific language group, you may be able to download it from the support document.
 

Back...