Create a SharePoint style (Creating a SharePoint Theme)

Themes can change the style of the page by color and pictures. However, the theme consists solely of CSS file and some pictures, as the layout of the page (such as the location of the navigation bar), etc. are controlled by the template page.
 
The following steps will create a SharePoint Theme (SharePoint theme)
1. Find a theme template, and Copy it to a new location. Location [C: \ Program Files \ Common Files \ Microsoft Shared \ Web Server Extensions \ 12 \ TEMPLATE \ THEMES]
2. Copy the modified theme, and replace the corresponding pictures.
3. Add the configuration information in the style of style in the SharePoint site configuration file.
  a.打开C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPTHEMES.XML
  b. Add the following new Section to your style    

<Templates>
<TemplateID>NewDirectoryName</TemplateID>
<DisplayName>Theme Display Name</DisplayName>
<Description>Give Description of the theme</Description>
<Thumbnail>images/customimage.png</Thumbnail>
<Preview>images/pagepreview.gif</Preview>
</Templates>

4. Restart IIS (Start -> Run -> Cmd-> IISreset), you can apply the new style.
 
Note: TemplateID in the configuration file should correspond to the style directory names when deploying style.
 
 

 

Themes re-skin the layout by changing colours and images used in the design. Since a theme is just a CSS file and images, the layout of the page such as the location of the navigation is controled by the master page.

To create a new theme, copy an existing theme from the C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\THEMES directory into a new directory.

Edit the C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1033\SPTHEMES.XML file and add a section for your new theme:


<Templates>
<TemplateID>NewDirectoryName</TemplateID>
<DisplayName>Theme Display Name</DisplayName>
<Description>Give Description of the theme</Description>
<Thumbnail>images/customimage.png</Thumbnail>
<Preview>images/pagepreview.gif</Preview>
</Templates>

Perform an IIS Reset and then select the new theme from the Site Settings page.

Reproduced in: https: //www.cnblogs.com/netwenchao/archive/2009/10/28/1591224.html

Guess you like

Origin blog.csdn.net/weixin_34343689/article/details/93607800