WSS3SDK之:如何定制主题
在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>
分类:
SharePoint
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!