Saturday, October 18, 2008

Custom Themes in MOSS 2007

Steps to creating custom themes in MOSS 2007

1. Explore to the Themes folder e.g. LocalDrive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\Themes

2. Make a copy of one of the existing theme folders and rename it e.g. MyCustomTheme.

3. Rename the .INF file which is in the MyCustomTheme folder to MyCustomTheme.INF

4. Edit MyCustomTheme.INF.

1. At the info section, Change the title, to “Custom Site Theme”.
2. In the titles section, rename the names to your new name. This section is to present the name in the different language.

5. Provide an image to give a preview of your theme.
This image should be placed in C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES. E.g. MyCustomThemelogo.gif

6. Modify the c:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\Layouts\1033\SPTHEMES.xml to include a reference to the new MyCustomTheme theme

<Templates>
<TemplateID>MyCustomTheme</TemplateID>
<DisplayName> MyCustomTheme</DisplayName>

<Description> Apply this Theme for applying MyCustomThemelogo and unique colors and fonts styles.

</Description>
<Thumbnail>images/MyCustomTheme.gif</Thumbnail>
<Preview>images/ MyCustomTheme.gif</Preview>
</Templates>

7. Modify the CSS within MyCustomTheme folder to personalize your theme.

8. Run iisreset from the command prompt

Apply the new theme "MyCustomTheme" to a site by click on SiteActions -> SiteSettings -> sitetheme.

Now Select the newly created theme and click on apply and you can see new look of your site according to you theme.

No comments:

Post a Comment