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:

-----------------------------------

<body>

<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}
</style>
</themelet>

<!-- end page style theme -->

<!--image based components -->

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

<!-- 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>

<themelet type="division" name="sports">
<div class="sports">
<table width="75%" border="1">
<tr>
<td>sports scores!</td>
<td>wins</td>
<td>losses</td>
</tr>
<tr>
<td>miami</td>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>dallas</td>
<td>6</td>
<td>8</td>
</tr>
</table>
</div>
</themelet>

<!-- end HTML based components -->

</theme>

</body>

 

 

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.