這是一片非常好的文章，修改下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元素。
<LevelMenuItemStyles>
<asp:MenuItemStyle?CssClass="ms-navheader"/>
<asp:MenuItemStyle?CssClass="ms-navitem"/>
</LevelMenuItemStyles>
<LevelSubMenuStyles>
<asp:SubMenuStyle?CssClass="ms-navSubMenu1"/>
<asp:SubMenuStyle?CssClass="ms-navSubMenu2"/>
</LevelSubMenuStyles> 4、重啟IIS使改動生效。
SPTreeView控件提供了很多屬性，允許我們輕松對其進行定制。
?

轉載于:https://www.cnblogs.com/LeimOO/archive/2008/10/09/1307503.html

總結

以上是生活随笔為你收集整理的修改左侧导航显示样式（转载自Sunmoonfire's artistic matrix）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。