Diamond Theme: Important Notes

In the diamond theme you can choose between two page styles: Default and Splash. The splash layout is mostly used for the very first site your visitors will load (e.g. index.html). This opener screen consists of the site titles, the header image and some text you can write into the page content field in „Edit“ mode. Please note that this layout should not be used for a lot of text. A nice welcoming message and some notes about what your visitors will find on your site is the best. Sure you can add a link to the default site, so the user can go to your site by clicking on it (e.g. Enter my site).

1) Under Navbar Placement you can select if you want to have the navbar rendered at the top in cascade mode or in the sidebar. Note that in the image you will see both variations, but in real only one of the navbars will be shown.
2) If you use Top Cascade in the Navbar Placement section, you have to define how many levels your navbar will have to render the correct height.

Diamond includes a nice navbar morph since Version 4. The morph is only available when using the navbar in the sidebar. Note that the morph isn’t supported on IE/Win (I’ll try to fix this in a future update). In the style variations you have an option to enable/disable the movement morph if you don’t like it.

With the diamond theme it is really easy to build boxes in the sidebar. You only need to use a h1 header element for the title, followed by a p-Element. Here is an example:

<h1>This is a box title</h1><p>Here is the box content</p>

When you close the p-element, the box is ended. To use line breaks inside boxes you use the <br /> element, if you are using the sidebar in HTML mode. Mention that you need to add the p tag directly after the closing h1 tag, if you use the sidebar in styled text mode.
The colors of the boxes are automatically adjusted to match the overall background color of the sidebar

If you want to include a site logo it should have the following dimensions, when using the navbar placement at the top:
height: 90 pixels, width: 90 pixels.
In that case your logo will be correctly centered.

Description: I have tested the theme with many third-party plugins available. Most of them work without any problem. If you find any problems, please report them to me. You can also try if the following handling will work for you:

Included in the theme download folder is a theme called "CAEmpty" which you can use to fix the problem described above. The theme CAEmpty creates pages containing only content – no header, footer or navbar.

1) Create your 3rd-party plugin page and choose the theme "CA Empty" from the drop-down menu Page-Specific Theme [1]. Note that you should choose the same background color[2] as is used in the main site with the theme. Now chose the General Settings tab[3] and make sure you disable the Show in Menu feature.

2) To include this page in your site create a new page which will be the container for the page you created in step 1. Choose iFrame from as the Page Style. Click the Setup button[4] of the iFrame page and write the correct link to the page created in step 1[5]. As this will vary from each site I can’t tell you what exactly you will have to write. Check the Folder and File Name entries in the General Setup section of the 3-rd party plugin page you created in step 1. If you want to be sure, publish your page and open the plugin page in a webbrowser. Now you just copy and paste the real URL from the browser’s address bar to the above url field.
You may also need to adjust the iFrame size[6]

Description: If you open a page with a flash slideshow in IE/Win a notification window pops up: „Internet Explorer cannot open the Internet site … Operation aborted. When you click on „OK“ an almost empty page will be diplayed, starting with „Internet Explorer cannot display the webpage“.

Solution: There are two possible solutions for this problem.

1) The problem lies in the flash slideshow plugin and swfobject js script in combination with the included mootools javascript library in the sphere theme. To fix this at the moment you have to manually correct the source code of the exported page (changes in red):
<script type="text/javascript" defer="defer">
//<![CDATA[
var so = new SWFObject("files/slideshow.swf", "mymovie", "460", "320", "6", "#ffffff");
so.addParam("quality", "high");
so.addParam("wmode", "transparent");
so.addParam("base",".");
so.write("flashcontent");
//]]>
</script>

2) Use the free RapidAlbum plugin to build your slideshow. Within that plugin you can include the fix described in the first solution. That way you don’t have to edit the exported slideshows, just correct it in RW and the exported code will fix it:

[1] Choose Slideshow as the template from the drop down list
[2] Switch to the HTML tab
[3] Select Slideshow from the drop down list
[4] Add the defer attribute in the HTML code

For more information about the plugin or to download it, please visit the following site:

http://www.smackie.org/Software/rapidalbum/