Some CSS and CSS Full Site Flash 8 Templates

 

  Let us use template # 20829 as an example

As mentioned in the template details this is a “CSS Full Site Flash 8″ template, which basically means it is an html template (css) with a flash element.

In this case the Flash element is only the header. The rest is in HTML.
 
This is why the ‘Software Required’ section in the template details specifies that you will need:
Adobe Photoshop CS+- to customize the graphics used in the html (content) portion of the template
- the source .psd files and fonts are provided
Adobe Dreamweaver (or Microsoft Expression Web)
- to customize the html and actual text content
- html and css files are provided in the folder ‘site_flash’
Adobe Flash 8+
- to customize the Flash header
- the source .fla is provided

Customizing the bottom text content area of the template:

To customize the whole bottom portion of the website where the text loads for each of the individual pages, you will need to use a software like Dreamweaver to edit the contents of the html pages (index.html, index-1.html, etc.) found in the folder ‘site_flash’.

 
The graphics within this portion can be customized using Photoshop to edit and export the graphics from the .psd source files. Replace the relevant images within the “images” folder in the “site_flash” folder with your edited versions.

Customizing the Flash header area of the template:

To customize the Flash header portion you will need to edit and export the .swf file from the header_v8.fla file and replace the .swf in the folder “flash” within the “site_flash” folder.
 
The way it has been designed and programmed, all the graphics and text are loaded up from movie clip symbols which you cannot see directly from the stage when you open up the .fla file.
 
To replace the images in the Flash header, open the .fla file then open the ‘Library Panel’. Look for the graphics titled ‘pic1′, ‘pic2′, ‘pic3′,’pic4′,’pic5′,’pic6′,’pic7′. Open each graphic and click the import button to replace them with your graphics (of similar dimensions). 
 
Replace each image with another image of the same dimension (190×175 pixels). 
 
You will also notice that there is a movie clip symbol titled ‘pics’ where each of these graphics are on the stage, each in a different frame.

 
You can similarly customize other elements by finding the relevant symbol in the library and editing it especially:
logo_txt – to replace the text ‘International Hotel’
txt_pic1 – to replace the top word displayed over each picture. There are different frames with the different top words.
txt_pic2 – to replace the bottom word displayed over each picture
After you are done export the swf file from the header_v8.fla file and replace the .swf in the folder “flash” within the “site_flash” folder.
 
Your completed site will be in the “site_flash” folder. On some computers the links might not seem to work when previewing on your browser. This is because the links are in the Flash menu and calling html pages – your computer settings might prevent you from opening the html files. However this site will work just fine when you upload it to your hosting server.

You can upload the files in your “site_flash” folder to your hosting server to make your site live.  A good hosting server is Hostgator on which I host my sites.
 

Additional Useful Links

You might find the following links helpful too:
http://info.template-help.com/after_sale_support/working_with_html/
http://info.template-help.com/after_sale_support/working_with_photoshop/
http://info.template-help.com/after_sale_support/Working_with_Flash/