这是一片非常好的文章，修改下CSS就可以改变左侧导航栏的样式，在网上找了一些都是要写代码的。怕连接失效，所以直接将文章考了过来，希望作者原谅，如有不妥，请通知一声，我会将文章删掉！

WSS3SDK之：如何定制快速启动的显示样式（转载自Sunmoonfire's artistic matrix）

我们可以通过修改导航控件的属性来定制快速启动。该控件位于default.master母板页文件中，默认部署在 (Local_Drive:\Programe Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\GLOBAL)文件夹中。该文件是WSS的母板页，包含了站点的页面布局，包括SharePoint页面中导航区域的模板。
在母板页里包括了两个控件的模板，这是在现有主页上默认可用的。一个是Microsoft.SharePoint.WebControls.Menu控件，用于在左侧导航区中显示标准的快速启动视图；另一个是Microsoft.SharePoint.WebControls.SPTreeView控件，用于显示站点文件夹视图。我们可以在用户界面上选择究竟显示哪一个视图。

选择在站点页面的左侧导航要显示的视图控件

1、选择网站操作中的网站设置，在外观一节中，选择树视图。
2、选中启用快速启动，来显示快速启动视图，或者选中启用树视图来显示文件夹视图。
作为一个对左侧导航定制的例子，我们可以把快速启动折叠起来，然后设置Menu控件的属性添加“感应鼠标经过的弹出菜单”(fly-out menu)的方式来显示。这类定制需要我们使用Microsoft Office SharePoint Designer 2007修改default.master，或者创建一个custom.master文件，然后利用对象模型将站点指向新的母版页文件。

使用SharePoint Designer修改default.mater在站点母版页库中的实例来显示带fly-out菜单的折叠视图

1、选择网站操作中的网站设置，在库一节中，选择母版页。
2、在母版页库页面中，在下拉菜单中选择在Mirosoft Office SharePoint Designer中编辑。
3、在代码视图里，找到对应的ContentPlaceHolder容器控件，其ID为PlaceHolderLeftNavBar。在PlaceHolderLeftNavBar中，找到AspMenu控件，其ID为QuickLaunchMenu。
4、将Menu控件的StaticDisplayLevels和MaximumDynamicDisplayLevels的值都设为1。如下所示：

<asp:AspMenu
id="QuickLaunchMenu"
DataSourceId="QuickLaunchSiteMap"
runat="server"
Orientation="Vertical"
StaticDisplayLevels="1"
ItemWrap="true"
MaximumDynamicDisplayLevels="1"
StaticSubMenuIndent="0"
SkipLinkText=""
>

5、保存文件，打开网站页面查看效果。

在这里附上效果图：

通过创建自定义的母版页文件并使用SharePoint对象模型来显示带fly-out菜单的折叠视图

1、拷贝一份default.master(位于\12\TEMPLATE\GLOBAL文件夹)，并重命名为myDefault.master。
2、打开新建的myDefault.master文件，找到对应的ContentPlaceHolder容器控件，其ID为PlaceHolderLeftNavBar。
3、在PlaceHolderLeftNavBar中，找到AspMenu控件，其ID为QuickLaunchMenu。然后将StaticDisplayLevels和MaximumDynamicDisplayLevels的值都设为1。如下所示：

<asp:AspMenu
id="QuickLaunchMenu"
DataSourceId="QuickLaunchSiteMap"
runat="server"
Orientation="Vertical"
StaticDisplayLevels="1"
ItemWrap="true"
MaximumDynamicDisplayLevels="1"
StaticSubMenuIndent="0"
SkipLinkText=""
>

4、创建一个网站，在Visual Studio里，使用Microsoft.SharePoint.SPWeb.MasterUrl属性将站点母版页指向自定义的.master文件，如下所示：
C#

SPWeb subSite = SPControl.GetContextWeb(Context);
subSite.MasterUrl = "/Site/SubSite/_catalogs/masterpage/myDefault.master";

由于该代码含有变更内容数据库的操作，所以在运行该代码的.aspx页面里，要有一个Microsoft.SharePoint.WebControls.FormDigest控件(可以放在一个WebPart里运行，Web部件页里自带该控件。也可以在一般的aspx页面中的Form标签中添加该控件，以便在页面中运行该代码)。同时，别忘了引用Microsoft.SharePoint和Microsoft.SharePoint.WebControls命名空间。
5、重启IIS，使变更生效。然后打开网站页面查看效果。

用TreeView替换Menu控件

1、打开我们前面创建的myDefault.master文件，找到对应的ContentPlaceHolder容器控件，其ID为PlaceHolderLeftNavBar。
2、在PlaceHolderLeftNavBar中，找到AspMenu控件，其ID为QuickLaunchMenu。然后将SharePoint:AspMenu的起始标签和结束标签都替换成SharePoint:SPTreeView。
3、移除新SPTreeView元素包含的下列LevelMenuItemStyles元素。

4、重启IIS使改动生效。
SPTreeView控件提供了很多属性，允许我们轻松对其进行定制。

转载于:https://www.cnblogs.com/LeimOO/archive/2008/10/09/1307503.html

修改左侧导航显示样式（转载自Sunmoonfire's artistic matrix）相关推荐

修改bootstrap导航栏样式(颜色，高)
提示:记录bootstrap导航栏样式(颜色,高)的修改文章目录前言一.bootstrap导航栏样式 (颜色,高) 的修改前言在写自适应网页时想使用bootstrap实现,但与原稿的有一些差 ...
xshell6左侧导航显示_【iOS12人机交互指南】7.1-导航栏
该系列是iOS12人机交互指南的翻译,翻译的过程中加深自己的理解. 导航栏出现在应用屏幕的顶部,在状态栏下方,并允许在多个层级的界面中导航.当显示新屏幕时,会在导航栏的左侧出现一个返回按钮,该按钮通常 ...
ios 系统状态栏样式修改_iOS 一种新的修改导航栏样式的方法（支持iOS10）.
iOS 一种新的修改导航栏样式的方法. 开宗明义: 对系统导航栏最底层的UIView加一层CALayer, 通过操作这个自己创建的CALayer来修改导航栏样式. 修改系统导航栏样式的几种方法 1.使 ...
微信小程序分类-左侧导航与右侧内容联动
左侧导航与右侧内容联动一.首先是点击左侧导航,我们右侧内容需要滑动至相应的位置. 思路是:点击左侧某一项,获取该元素的id,也就是左侧view的id,然后动态传到右侧内容的scroll-into-v ...
layui模块显示收缩_修改layui的后台模板的左侧导航栏可以伸缩的方法
原生的左侧导航栏代码: 所有商品列表一列表二列表三超链接解决方案列表一列表二超链接云市场发布商品自己修改的: 生源追踪生源列表学校信息工做计划学员管理学员列表考勤管理 ...
修改Sublime Text3左侧导航字号大小及行高
今天安装了Sublime Text3,安装的中文版,左侧导航文字比较小,不利于查看,所以在网上各种搜索修改方式,但是并没有什么卵用所以今天自己整理一下修改方式,直接上图,该文件的目录(根据个人安装目 ...
黄页前台联动菜单修改时不能显示，要重新选择|没样式
黄页前台联动菜单修改时不能显示,要重新选择http://bbs.phpcms.cn/thread-455706-1-1.html 修改 phpcms\libs\functions\global.fun ...
博客园修改页面显示样式css
博客园修改页面显示样式css 一.总结二. 博客园修改页面显示样式css 1.点管理 2.点设置 3.在页面定制css代码中加入你想要改变样式的css代码即可不会写css的下面有代码示例,直接复制 ...
博客园修改页面显示样式
博客园修改页面显示样式一.总结 HTML源码吧(FireBug或审查元素) 火狐浏览器下通过FireBug插件来查看源码二.打造自己的博客园页面刚接触博客园时,总有一种要定制打造自己博客页面的冲 ...

修改左侧导航显示样式（转载自Sunmoonfire's artistic matrix）