[ Sample FAQ Page ]

FAQ Add-On Setup: This script is intended to be added to Allwebco templates (or websites) that do not now have an FAQ section. Click here for current info and options for this add-on. Outline: (Steps on this page) #1. Unzip and place files and folders. #2. Create new FAQ page. #3. Add 2 lines to page head areas. #4. Edit the FAQ header Flash text. #5. Setup the FAQ. #6. Troubleshooting. #7. Change/Edit options. STEP #1: | More Details Unzip the FAQ zip file and put the entire "FAQ" folder with the files inside in your template folder. Place the "FAQ-sample_page.htm" and this page in your template folder with the other HTML files. This should be the same folder with your index.html and about.htm. STEP #2: You will now want to create a new FAQ page: Make a copy any existing HTML template page. For example make a copy of your about.htm page. Click here for help copying pages. We will call this page "faq-home.htm" for the rest of these instructions. Open the "FAQ-sample_page.htm" included with this add-on in Notepad or your page editor. In the "FAQ-sample_page.htm" highlight the code between these notes in the HTML source code: "START COPY AND PASTE AREA" and "END COPY AND PASTE AREA". In the new "faq-home.htm" you created find the "MAIN TABLE" or the "CONTENT TABLE" note. Or find the start of the page text in your "faq-home.htm". Paste the code from the "FAQ-sample_page.htm" into this area on your new "faq-home.htm". Be sure to paste inside the main table, not just inside the notes in your new "faq-home.htm" page. In other words, paste this new FAQ text and links over some existing text, not over the page code. Save this page and test it in your browser to see how it looks. The FAQ links will still not work and the text may not be formatted yet. You will just be checking for serious alignment errors or placement errors. STEP #3: Select and copy the following two lines in the box below. Paste this into the head the new "faq-home.htm" page you have created. Add this code just above the </head> tag on your HTML pages. NOTE: Optionally, if you are adding FAQ links to any of your other pages or in the menu paste this code into all of your HTML pages. Make backups first!!! <link rel=StyleSheet href="FAQ/FAQ.css" type="text/css" media="screen"> <script language="JavaScript" type="text/javascript" src="FAQ/FAQ_pop-closeup.js"></script> FONT PROBLEMS: The FAQ.css defines some fonts that your template .css file may also be using. If you have any font issues you can paste the two lines in this step just above your current .css line in your HTML pages. See the source code for the FAQ-sample_page.htm for an example of where to add the code above. STEP #4: EDIT THE FLASH HEADER: | Click for more details Open the "flash-FAQ.txt" in the "FAQ" folder with Notepad and change only "Your Website Title Here" to match your name or company name. Be sure not to delete the "logo-FAQ=". If you wish to use a graphic logo, there are instructions later in this document. Step #5: EDIT THE FAQ PAGES: | Click for more details See your FAQ sample page for complete instructions. TROUBLESHOOTING: | More Details If you do the steps above and the FAQ is not working, be sure you have added the lines of code in step #3 to any and all pages with FAQ links on them. Add the code in step #3 just above the </head> tag. It also may not work because you are linking the wrong .htm document or it is misspelled. Remember that hosting areas are case sensitive. Be sure all file and link names match exactly. It also will not work if your "FAQ" folder does not exist or is named incorrectly. Try doing the above steps again from the start. FONT PROBLEMS: The FAQ.css defines some fonts that your template .css file may also be using. If you have any font issues you can paste the two lines in step #3 just above your current .css line in your HTML pages. OPTIONS: ADDING FAQ LINKS ON OTHER PAGES OR IN THE MENU: | More Help NOTE: Be sure you do step #3 first on all pages that will link to an FAQ popup or this will not work. You can add an FAQ link to any existing page or to your menu.js. To add FAQ links on your existing HTML pages: Select and copy the following code. Then paste this onto any of your HTML pages (Example for FAQ 1): <a href=javascript:popUpFAQ('FAQ/faq-1.htm')>Your FAQ Name</a><br> In HTML editors such as Frontpage or Dreamweaver create a new link and use this code for the actual link: javascript:popUpFAQ('FAQ/faq-1.htm') To add a link in the menu.js or sidebar.js you will add two backslashes to the link like the following: javascript:popUpFAQ(\'FAQ/faq-1.htm\') Or in some menus try this: javascript:popUpFAQ(\"FAQ/faq-1.htm\") NOTE: If you are adding links to the sidebar.js or need help adding links to your pages, see the following two support pages: Adding page links and also see Adding items to .js files. POPUP OPTIONS: | More Details There are some options in the FAQ_pop-closeup.js. The FAQ_pop-closeup.js can be found in the "FAQ" folder and can be edited with Notepad or any plain text editor. USING A GRAPHIC LOGO: You can replace the FAQ Flash logo with a graphic one. To do this, rename or delete the header_faq.js in the "FAQ" folder and then rename the graphic_logo-header_faq.js to header_faq.js. Then edit the logo-faq.jpg with your own logo image. This image can be found in the "FAQ_picts" folder. COLOR CHANGES: | Click for more details | More color details This add-in features color changes in some of the .js files and the FAQ.css file. You will edit these files in Notepad to change the colors: Edit the "header_faq.js" to change the Flash header color. Edit the FAQ.css to change the link, text (TABLE), title and close button in the FAQ pages. Edit the "background.jpg" in the "FAQ_picts" folder to change the FAQ background color.