Theme syntax: placeholder:


Themes are HTML files that contain special markup tags which are read by the Wizzy Themes command.

You can create a document just like a normal page with head and body elements, but DW will ignore these.

You must have a body tag.

Inside the body tag you have a <theme> tag - only 1 of these per theme file!

Inside the theme tag you have themelet tags. Each one having a special type and name.


Here is a typical theme:



<theme name="joe">

<!-- page style theme -->

<themelet type="style" name="style1">
<style type="text/css" id="style1">
body { background-color: #3333FF; background-image: url(background.gif)}
a:link { font-family: "Times New Roman", Times, serif; font-size: 10pt; color: #FF0033}
p { background-color: #FFFFFF}

<!-- end page style theme -->

<!--image based components -->

<themelet type="image" name="banner1">
<img src="testbanner1.gif" width="200" height="100" class="banner1">

<!-- end image based components -->

<!-- HTML based components -->

<themelet type="division" name="news">
<div class="news" style="position:absolute; width:200px; height:115px; z-index:1; left: 138px; top: 162px">this is a test!</div>

<themelet type="division" name="sports">
<div class="sports">
<table width="75%" border="1">
<td>sports scores!</td>

<!-- end HTML based components -->





This file might live under Configuration/SiteThemes/joe/

and be called th_joe.html (all theme files must begin with "th_")

Any image that the theme file refers to should also reside in this directory.