PDF Page Website Template Setup

PDF Page Setup


If your template includes a "PDFgallery.htm" or other PDF download page, here are the setup details.

#1. Place PDF file:
Place your PDF files in the template folder with your HTML pages. This is the folder with the index.html and about.htm.

Optionally, you can also place your PDF files in a template subfolder. For example create a folder inside your template folder called "pdf" (all lowercase). Be sure to upload this folder to your hosting account when you upload.

#2. Setup the first PDF link:
In the "PDFgallery.htm" find this note "START PDF TABLE". Just after this note you will see a line like the following:

<a href="your-file.pdf"><img src="picts/pdf_icon.gif" border="0"></a><br>

In the above example if you have placed your PDF files in the same folder with your HTML pages just edit the "your-file.pdf" part of the code and the link should work. If not, see "TIP" below or click here. In some editors like Frontpage or Dreamweaver just right click the PDF image to edit the hyperlink.

Link in a subfolder:
In this example we have created a "pdf" folder (all lowercase) and placed a PDF file named "bobs_list-ofIMPORTANT-things.pdf" (no spaces). Now edit the following link:

<a href="your-file.pdf"><img src="picts/pdf_icon.gif" border="0"></a><br>

Like this:

<a href="pdf/bobs_list-ofIMPORTANT-things.pdf"><img src="picts/pdf_icon.gif" border="0"></a><br>

Notice how we added "pdf/" in front of the PDF filename to indicate that our PDF file is in the subfolder named "pdf". Also notice we have made the link the exact file name letter for letter. Hosting is case sensitive so always double check the link and file name.



TIP: To be sure you are linking the exact file name: In Windows Explorer find and highlight the file you want to create a link for. For example, you have a PDF file named it "company-info.pdf". Highlight this file, then on your keyboard select the "F2" key. Now hit "copy" on the menu and now hit your ESC key so you don't rename the file. Now you can paste the exact link name into your HTML page or .js file rather than having to re-type the name for the link. On some Microsoft keyboards you will need to click the "F Lock" key first to do the rename.


TROUBLESHOOTING: Links not working:
If you have added links and they do not seem to work when testing, see the links not working support page.

NOTES: When testing your template on your hard drive with Internet Explorer, the links to ".pdf", and other document types may not work in some cases. This will be resolved once the site is uploaded. Try testing your site in another browser, such as Firefox, to ensure the links are functioning properly.




Related Topics:
New Window Target Links
Links Not Working After an Edit


Allwebco Template Support


Allwebco Website Template Support


See Also...
Adding Links



Allwebco Templates For PDF
Complete websites with built in scripts.
AllwebcoDesign.com
Website Templates
Free Javascripts
Free scripts for any website or template.
Allwebco-Templates
Web Template Support
Mobile Business Website Templates
Mobile optimized HTML5 websites.
AllwebcoDesign.com
Website Templates
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com



Website Template Support
Website Template Support