Image
image

image


[ View AdShow ]
[ Allwebco Design ]
[ Allwebco Templates ]
[ Allwebco Hosting ]


Allwebco Design Corporation

AdShow Add-on:

Add-On For Any Chrome Drop Menu Template

Note: Do not setup and test the Flash using the Safari or Google Chrome browsers. It is recommended that you use IE or Firefox for testing.

Step 1:
COPY FILES:
Copy the "AdShow" folder, the "AdShow.htm" and the "help-AdShow.html" files from this zip file into your template folder. This will be where your "index.html" is located.

Step 2:
TEST THE ADSHOW:
Open the "AdShow.htm" in your template folder. The AdShow should be displaying an image and should be working. All areas of this page should be working with your color theme.

Step 3:
EDIT ADSHOW TEXT: | Click for more details
In the AdShow folder, edit the "AdShow.txt" and change the 4 "&hometitle?=" and 4 "&hometext?=" lines with your titles and phrases. Or you can leave these lines blank to have no text with the homepage AdShow.

Step 4:
REPLACE IMAGES (OPTIONAL): | Click for more details
This AdShow is showing 4 .jpg images. You will find these images in the "AdShow" folder. You can replace "AdShow-1.jpg" through "AdShow-4.jpg" with any standard .jpg images and the flash will update. Make your images 575 wide x 350 pixels high. Do not save your images as progressive .jpg images. Save as standard .jpg images.

Edit the "AdShow-background.jpg" in the "AdShow" folder to replace the right hand image in the AdShow. This image is now 750 x 350 pixels, however, you can make this image any width you would like.

Step 5:
ADJUST THE DATE LOCATION:
You may need to move the date to a location that works for the AdShow page. Edit the "date-location" class in the "AdShow.css" file in the "AdShow" folder. To have no date on the AdShow page, edit the "visibility: visible;" to "visibility: hidden;" in the "AdShow.css".

Step 6:
MAKING THE ADSHOW YOUR HOMEPAGE:
To make the AdShow page your homepage, move your "index.html" into the template "extras" folder. Rename the "AdShow.htm" to "index.html". To use the AdShow for another page you can rename the AdShow to any page name.



Options:

ADSHOW BORDER PROBLEMS:
In some cases your AdShow may not look right or may need borders depending on your color theme. You can edit the borders in the "AdShow.css".

TURNING OFF THE ADSHOW: | Click for more details
The homepage Flash AdShow can be switched off in the "AdShow.js" file in the AdShow folder with a "no" for the "var showflash" variable. The AdShow page will then display only the "AdShow-1.jpg".

ADSHOW SOUND:
The sliding sound used in the AdShow can only be changed by editing the "AdShow.fla" using Flash software.

ADSHOW COLORS:
The background color and border colors for the AdShow can be changed by editing the AdShow.css. Borders and your AdShow page height can be edited in this file.

ADDING A SECOND ADSHOW:
Although you can make copies of the AdShow.htm and have multiple pages with the AdShow, only one AdShow is included. You will need Flash software to create multiple different AdShow pages.



TROUBLESHOOTING: | Click for more details
  1. Try doing the above steps again from the start.
  2. Your .jpg images may be saved incorrectly. Click for help for images.
  3. Do not save these .jpg images as "progressive". Be sure to save them as "standard" .jpg images. Try re-saving these images using a "save as" and be sure to select "standard".
  4. You are testing the wrong HTML page.
  5. You are editing on-line files instead of files on your hard drive.
  6. You have edited the wrong images or the template is not unzipped properly.
  7. The "AdShow.txt" is not edited properly with text. Double check your work.
  8. You have used uppercase letters in the .jpg file names. Remember that hosting is case sensitive! Double check all file names.
  9. If you have uploaded: Remember that hosting areas are case sensitive. Be sure all file and link names match exactly.
  10. NOTE: Always make backup files and test after each edit before you go to another edit. You can always delete your backups later.