 |
 |
 |
 |
 |
 |
 |
 |
 |
Wed 2:47 AM |  |
Spotlight
| iWebFAQ | Comics | Forum | 19 Comments | Tell A Friend | iWebSites |
Here is where a featured iWeb site will be listed every month. Sites are chosen as featured because of their individuality and creativity as well as for their attempts in making their sites look like they're not created with iWeb. Sites are chosen from the list of iWeb-created sites listed on iWebFAQ.com/iwebsites so make sure your site is listed if you want to be considered a feature on iWebFAQ.com. The site of the month for January 2009 is StopSuctionEntrapment.com
Please Note!
At this time
you can not have additional html snippet features on a page that has the accordion feature!
Right-click and download these files to your desktop then upload them to your host.
Publish your site with a page that does not have an html snippet included in it and open the page with text edit. Locate the area where you'd like the accordion menu and insert the following code:
<div id="AccordionNameHere" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1 Here</div>
<div class="AccordionPanelContent">Content 1 Here</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2 Here</div>
<div class="AccordionPanelContent">Content 2 here</div>
</div>
</div>
Copy/paste the following code into the <HEAD> section of the html file:
<script src="http://YourSite.com/accordion.js" type="text/javascript"></script>
<link href="http://YourSite.com/accordion.css" rel="stylesheet" type="text/css" />
Copy/Paste the following code just before the </BODY> tag:
<script type="text/javascript">
<!--
var AccordionNameHere = new Spry.Widget.Accordion("AccordionNameHere");
//-->
</script>
Close the file, save the changes, upload the new file to your host, and enjoy the functioning accordion menu! You can change how the accordion menu tabs, content height, border size/color, etc. looks by editing the SpryAccordion.css file.