Live Chat Software by Kayako |
Knowledgebase
|
Inserting support files into your style
Posted by David Hall on 17 September 2008 08:57 AM
|
|
|
When editing your site design the editor allows you to upload certain file extensions so you can add and embed images, css files and flash content. You can upload files by clicking the "browse" button and to insert the file you just double-click its entry in the list. Depending on the type of file (the system works this out from the file extension) the appropriate code and script is entered in the style editing window. For images the surrounding IMG tags are inserted. You should add the alt attribute where required. For CSS files the surrounding LINK tags are added. CSS files should be placed in the "HTML page HEAD area for script" so this is the area you should be in before you choose to insert the file. swf (flash) files are inserted using the "SWFObject Dynamic Publishing Method". More information can be found at the link below. You should insert the file in the "HTML page HEAD area for script" as above. When the code is inserted it will look like the example below. You should fill in the placeholder listed manually. <script type="text/javascript" src="/Files/swfobject/swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("flashfile.swf", "id of element to replace with this flash content", "width goes here", "height goes here", "9.0.0"); </script> The only parts you need to fill in are the following are he width and height (in pixels) that you want your flash banner / movie to be and the "id of element to replace with this flash content" - this is the id of the HTML element you wish to replace with flash. For example on your "site page" you might have a header <div> with the id of "header". It will look like this: <div id="header">some content here</div> The content inside this div will be replace by the flash banner and if the page is hit by a search engine crawler it will see the "other content". It may be useful to put a <h1> tag with some useful information in here or maybe a list of navigation links that the flash has in. The container doesn't have to be a <div> it can be any html element. If including more than 1 flash file on a page check that the line "<script type="text/javascript" src="/Files/swfobject/swfobject.js"></script>" only appears once in the "HTML page HEAD area for script". More information on SWFObject: http://code.google.com/p/swfobject/. | |
 (125 votes) This article was helpful This article was not helpful |
|
Comments (0)