Glowing Preloader AS3
Project Description

The .FLA File

Follow these steps to set up your website:

  • Add your logo to the .fla
  • Create your menu buttons
  • Create backgrounds for the different menu items
  • Save project images
  • Create project thumbs
  • Edit the main .xml file
  • Edit the menu .xml files
  • Edit the .php file for your contact forms
  • Edit the .css file

The .FLA File

The only things you'll need to change in the .fla file is to add your own logo and embed different fonts.

Add Your Logo

  • Save your logo as a .png file called 'myLogo.png' in the root folder directory
  • It is best if your logo is about the same height as the templated logo
  • Open the .fla
  • In the library, right click on 'myLogo.png'
  • Select 'Update...'
  • Click the 'Update' button, then select 'Close'
  • Your logo is now updated
  • Select File>Publish, to export your .swf file

Embed Different Fonts

If you do not want to use, or do not have, the current fonts being used, you will have to embed different fonts.

  • In you Library Options, select 'New Font'
  • Choose the font you want and give it name
  • Select 'OK', the font will now appear in your library
  • Right-Click on the new font in the library
  • Select 'Linkage...'
  • Check the box next to 'Export for ActionScript'
  • The 'Export in first frame' should also be checked
  • Select 'OK'
  • Your font is now embedded to use with your CSS and HTML, as well as for any TextFormats you wish to change in the ActionScript code.

There are also fonts imbedded in certain Movie Clips, in their textfields, that may/can be changed by selecting the textfield and changing the font.

.XML Files

I have split up the .xml files into a 'main.xml', and seperate .xml files located in the folder 'XML'

In the main .XML file:

  • Main Screen Attributes - Here are the tags and what they are used for:
    • BACKGROUND - The path to the background you want to use for the main screen. You can now load SWF's as a background!
    • BGPROPORTIONS - If you want the background to stay proportionate, put 'true' here, or leave it blank.
    • ACCENTCOLOR - The highlight color for the main screen.
    • TOP_SPACING - The amount, in pixels, the project/swf containers will be from the top of the screen.
    • BOTTOM_SPACING - The amount, in pixels, the project/swf containers will be from the bottom of the screen.
    • INFO_WIDTH - The width of the info container, percentage based (.01-1), based on screen size.
    • INFO_MAX - You can set the Maximum width, in pixels, here. Set the Max and the Min the same if you don't want the containers to adjust with a percentage of the screen.
    • INFO_MIN - You can set the Maximum width, in pixels, here. Set the Max and the Min the same if you don't want the containers to adjust with a percentage of the screen.
    • CONTAINER_PADDING - Set the amount of padding, in pixels, of the info container.
    • MENU_BTN_SPACING - Set the spacing of your menu buttons, in pixels;
    • EMAIL_ICON_XPOSITION - The x-position of the email icon that gets placed on your logo for the 'Contact' menu.
    • EMAIL_ICON_YPOSITION - The y-position of the email icon that gets placed on your logo for the 'Contact' menu.
    • ADDRESS - Your street address.
    • CITY - Your City.
    • ST - Your Statel
    • ZIP - Your Zip.
    • PHONE - Your Phone.
    • EMAIL - Your email.
    • INFO - Type information about your company here using HTML. Check with Flash help for limitations.
    • SONG - Add a song to play on your website. You need a 'SONG' tag for each song played. Make sure to put your .mp3's in the 'MUSIC' folder.
  • Menu Item Attributes - Here are the tags and what they are used for:
    • XMLDOC - Container to hold the menu tags
    • MENU_NAME - The name of the menu. Name must stay consistent with the naming of the .xml file corresponding to the menu in the XML folder.
    • MENU_BTN - The path to the image file for the button.
    • MENU_BACKGROUND - The path to the background you want to use for the menu. You can now load SWF's as a background!
    • BACKGROUND_PROPORTION - If you want the background to stay proportionate, put 'true' here, or leave it blank.
    • MENU_COLOR - The highlight color for the menu.
    • EXTERNAL_SWF - The path to the external SWF. You can now load an external SWF as a menu item!, instead of using the built-in image/video viewer.
    • EXTERNAL_SOUND - If your external SWF has sound, type 'true' here, or leave it blank. You can also type 'true' here for any menu if you do not want the music to play for that particular menu.
    • MENU_TOP_SPACING - The amount, in pixels, the project/swf containers will be from the top of the screen.
    • MENU_BOTTOM_SPACING - The amount, in pixels, the project/swf containers will be from the bottom of the screen.
    • MENU_INFO_WIDTH - The width of the info container, percentage based (.01-1), based on screen size. The project viewers width will be determined off of the info container's width.
    • MENU_INFO_MAX - You can set the Maximum width, in pixels, here. Set the Max and the Min the same if you don't want the containers to adjust with a percentage of the screen.
    • MENU_INFO_MIN - You can set the Minimum width, in pixels, here. Set the Max and the Min the same if you don't want the containers to adjust with a percentage of the screen.
    • MENU_CONTAINER_PADDING - Set the amount of padding, in pixels, of the info/project containers.
    • MENUINFO - Type information about the menu here using HTML. Check with Flash help for limitations. If you are loading an external SWF, you do not need to put anything here, but you still need to have the tag.
  • Make sure the main.xml file is located in the root directory of your site.

Menu .XML Files

All menu .xml file must be locate in the XML folder

You must name the .xml file the same name as you specified int the main.xml file.

These are the tags within the menu .xml file:

  • PROJECT - Container to hold each of the projects.
  • TITLE - The name of the project.
  • DATE - The date of the project. Leave blank if you do not have one.
  • IMAGE - The path to the actual project. You can load an image, video, or swf.
  • THUMBNAIL - The to the thumbnail for the project. Thumbnails must be 60 x 60 pixel .jpg's.
  • INFO - Type information about the project here using HTML. Check with Flash help for limitations.
  • TAG - Type 'New' here if you want the project to be labeled 'NEW'.
  • SOUND - Type 'true' here if the project contains sound, or you want the background music to stop for the project.

The .CSS File

The .html text that shows onscreen has this .css file attached to it

  • Read through the comments in the supplied .css file regarding using .css
  • Currently the only fonts used are Arial and Arial Black.
  • If you decide to change the fonts, you must embed them in your .fla

Backgrounds

  • Backgrounds can be any size. I have bitmap smoothing enabled, so smaller images should still look pretty good.
  • Try and make the background(s) file sizes as small as possible, allowing them to load as quick as possible.
  • Save the background in the BACKGROUNDS folder
  • Backgrounds can now be SWF files.

Images and Thumbs

  • Image files can be .jpg or .png
  • Image files can be any size.
  • Thumbs should be .jpg and sized to 60px x 60px.

Menu Button Images

  • Menu button images should be no larger than 180px x 180px
  • They are best as transparent .png files.

The PHP file

  • Open the .php file.
  • Enter in your email address where it is noted.
  • You can change the subject for the emails where it is noted.
  • Make sure the .php file is located in the root directory of your site.

Loading External SWF's

  • I have included a template for exporting SWF's to be used as an external SWF for this website template.
  • In order to insure that your external SWF will work accurately, use the provided template to set it up.
  • Instructions for setting up your external SWF are included in the ActionScript within the template.
  • When linking to files from within your external SWF, the link path's must be the absolute path from the root of the main SWF (The Website).

This file uses Caurana Tweener

Documentation for Tweener can be found at http://code.google.com/p/tweener/

Licensing for Tweener can be found at http://www.opensource.org/licenses/mit-license.php

 

Licensing notice for Caurina Tweener

The MIT License

Copyright (c)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

FlashDen.net