What’s in a theme?
Every theme includes a set of style definitions and a set of objects, which are images that are intended for use as design and navigational elements and that have a consistent “look”.
Styles included in a theme
The table below lists the default styles that every theme includes; the properties that each style defines by default; and the types of elements the styles apply to.
|
Style name |
Default properties |
Applies to |
|---|---|---|
|
Document |
font-family, color, background-color |
the entire document |
|
Heading 1 |
font-family, font-size, color |
all level-one headings |
|
Heading 2 |
font-family, font-size, color |
all level-two headings |
|
List 1 |
font-family, font-size, color |
paragraphs of class “namo-list” |
|
List 2 |
font-family, font-size, color |
paragraphs of class “namo-sublist” |
|
Table |
border-top-color, border-right-color, border-bottom-color, border-left-color |
tables of class “namo-table” |
|
Cell |
border-top-color, border-right-color, border-bottom-color, border-left-color |
ordinary cells in tables of class “namo-table” |
|
Header Cell |
border-top-color, border-right-color, border-bottom-color, border-left-color, background-color |
header cells in tables of class “namo-table” |
|
Normal Hyperlink |
color, text-decoration |
normal hyperlinks |
|
Visited Hyperlink |
color |
visited hyperlinks |
|
Active Hyperlink |
color |
active hyperlinks |
|
Hover Hyperlink |
color |
hover hyperlinks |
To view the properties of these styles for a specific theme, do the following:
- On the Tool menu, click Resource Manager in the Tool Window section, and then click the Themes tab in the Resource Manager window.
- Select the desired theme and click the Theme Properties button (at the bottom of the window).
- Select the style whose properties you want to view.
- View the properties of the selected style in each of the Character, Paragraph, and Borders & Background tabs.
In addition to the styles listed above, each theme has two styles that do not appear in the style list for the theme as shown in the Theme Properties dialog box. These styles, when applied to list items, cause the list items to use image bullets.
When you edit a theme, you are not limited to the styles and properties that are defined by default. You can add other properties for the existing styles, and you can add new styles as well. For example, you could change the Heading 1 style of a theme to include the margin-top property if you wanted level-one headings to have more (or less) top margin. And you could add another style to define the appearance of level-three headings, using h3 as the style’s selector.
Theme objects
The table below lists the objects (images) that every theme includes and describes their intended uses.
|
Object name |
Intended use |
|---|---|
|
Banner |
Dynamic banners or static banners |
|
Horizontal Button |
buttons in horizontal dynamic navigation bars |
|
Vertical Button |
buttons in vertical dynamic navigation bars |
|
Bullet 1 |
bullet for list items of class “namo-list1″ |
|
Bullet 2 |
bullet for list items of class “namo-list2″ |
|
Cool Icon |
for highlighting “cool” content |
|
Hot Icon |
for highlighting “hot” content |
|
New Icon |
for highlighting “new” content |
|
Home Icon |
graphical link to site’s home page |
|
Up Icon |
graphical link to document’s parentThe document or other node immediately “above” the current document in the site tree. |
|
Prev Icon |
graphical link to document’s previous siblingThe document or other node immediately to the left of the current document in the site tree. |
|
Next Icon |
graphical link to document’s following siblingThe document or other node immediately to the right of the current document in the site tree. |
|
Horizontal Line |
graphical version of a horizontal rule |
|
Background |
the document’s background image |
The Horizontal Button, Vertical Button, and Background objects cannot be inserted into a document in the same way as the other theme objects. The button objects can only be used in dynamic navigation bars that you insert in a document that is part of a local siteA managed collection of documents, folders, and resource files on the local file system that you intend to publish as a Web site.. The Background object is automatically applied to a document when you apply a theme.
When you edit a theme, you can replace any of its default objects with other images of your choosing. Also, some objects, being Smart ClipArt images, can be edited with the Smart ClipArt Editor.