在WSS 3.0中,我们可以为网站应用创建新的主题或定制现有的主题。本编程任务将展示如何定制一个现有主题。
步骤
1、拷贝 Local_Drive:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/THEMES下面的某个主题文件夹,,并给该文件夹起一个独有的名称。在这个例子中,我们命名为MyTheme 。此文件夹包含级联样式表(CSS)文件,图像文件以及该主题中定义其他样式,风格,格式和色彩等用户界面(UI)元素所需的文件。
2、在新复制的文件夹中找到.inf文件,并将其重新命名为与文件夹相同的名称。
3、打开.inf文件,将文件中的 [info]和 [title]节的名称也改为与文件名相同。
4、根据需要自定义该文件夹中的CSS文件里的样式。
下面的例子修改了THEME.CSS来改变导航区域的的颜色。
6、为我们的自定义主题的缩略图和预览图像新建一张图片,放在 Local_Drive:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/IMAGES目录中。本例中该文件名为myPreview.gif。
7、添加主题模板定义到SPTHEMES.XML文件中,该文件决定了在站点的主题选取页面中哪些主题可用。该文件位于 Local_Dirve:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/LAYOUTS/2052 目录中。
下面的例子为上面的自定义主题指定了一个模板。
XML
步骤
1、拷贝 Local_Drive:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/THEMES下面的某个主题文件夹,,并给该文件夹起一个独有的名称。在这个例子中,我们命名为MyTheme 。此文件夹包含级联样式表(CSS)文件,图像文件以及该主题中定义其他样式,风格,格式和色彩等用户界面(UI)元素所需的文件。
2、在新复制的文件夹中找到.inf文件,并将其重新命名为与文件夹相同的名称。
3、打开.inf文件,将文件中的 [info]和 [title]节的名称也改为与文件名相同。
4、根据需要自定义该文件夹中的CSS文件里的样式。
下面的例子修改了THEME.CSS来改变导航区域的的颜色。
.ms-navframe
{
background : #009999 ;
}
.ms-navline {
border-bottom : 1px solid #8D4D03 ;
}
.ms-nav .ms-navwatermark {
color : #008999 ;
}
5、用我们喜欢的图像处理软件来修改该文件夹中的图像文件。
background : #009999 ;
}
.ms-navline {
border-bottom : 1px solid #8D4D03 ;
}
.ms-nav .ms-navwatermark {
color : #008999 ;
}
6、为我们的自定义主题的缩略图和预览图像新建一张图片,放在 Local_Drive:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/IMAGES目录中。本例中该文件名为myPreview.gif。
7、添加主题模板定义到SPTHEMES.XML文件中,该文件决定了在站点的主题选取页面中哪些主题可用。该文件位于 Local_Dirve:/Program Files/Common Files/Microsoft Shared/web server extensions/12/TEMPLATE/LAYOUTS/2052 目录中。
下面的例子为上面的自定义主题指定了一个模板。
XML
<
Templates
>
< TemplateID > mytheme </ TemplateID >
< DisplayName > My Theme </ DisplayName >
< Description > Description </ Description >
< Thumbnail > images/myPreview.gif </ Thumbnail >
< Preview > images/myPreview.gif </ Preview >
</ Templates >
8、在命令提示符下输入 iisreset来重启IIS,使我们创建的自定义主题可以出现在选择主题页面的列表中,并可以应用到SharePoint网站。
< TemplateID > mytheme </ TemplateID >
< DisplayName > My Theme </ DisplayName >
< Description > Description </ Description >
< Thumbnail > images/myPreview.gif </ Thumbnail >
< Preview > images/myPreview.gif </ Preview >
</ Templates >