WSS3SDK: How to customize themes

In WSS 3.0, we can create new themes for website applications or customize existing themes. This programming task shows how to customize an existing topic.

Procedure
1. CopyLocal_Drive: \ Program Files \ Common Files \ Microsoft Shared \ web server extensions \ 12 \ TEMPLATE \ THEMES under a topic folder, and give it a unique name. In this example, we name it MyTheme. This folder contains Cascading Style Sheet (CSS) files, image files, and files required for defining other styles, styles, formats, colors, and other user interface (UI) elements in the topic.

2. Find the. inf file in the newly copied folder and rename it as the same name as the folder.

3. Open the. inf file and[Info]And[Title]The section name is also the same as the file name.

4. Customize the style in the CSS file in the folder as needed.

In the following example, THEME. CSS is modified to change the color of the navigation area. . Ms-navframe {
Background: #009999;
}
. Ms-navline {
Border-bottom: 1px solid #8D4D03;
}
. Ms-nav. ms-navwatermark {
Color: #008999;
}

5. Use our favorite image processing software to modify image files in this folder.
6. Create an image for the thumbnail and preview image of the custom topic and place it inLocal_Drive: \ Program Files \ Common Files \ Microsoft Shared \ web server extensions \ 12 \ TEMPLATE \ IMAGES directory. In this example, the file name is mypreview.gif.
7. Add a topic template to the SPTHEMES. XML file, which determines which topics are available on the topic selection page of the site. This file is located inLocal_Dirve: \ Program Files \ Common Files \ Microsoft Shared \ web server extensions \ 12 \ TEMPLATE \ LAYOUTS \ 2052 directory.
The following example specifies a template for the custom topic above.
XML <Templates>
<TemplateID> mytheme </TemplateID>
<DisplayName> My Theme </DisplayName>
<Description> Description </Description>
<Thumbnail> images/myPreview.gif </Thumbnail>
<Preview> images/myPreview.gif </Preview>
</Templates>

8. Enter iisreset in the command prompt to restart IIS, so that the custom theme we created can appear in the list on the selected theme page and be applied to the SharePoint website.