一、 問題需求：

公司同仁使用MOSS2007平臺，覺得MOSS的界面不夠友好，

主要有一下幾個方面：

<1> 查看網站所有內容時候，左邊的Menu區域不要顯示。

<2> 查看清單信息時候，左邊的Menu區域不要顯示。

<3> 查看文件庫信息時候，左邊的Menu區域不要顯示。

<4> 新建網站內容時候，左邊的藍色區域不要顯示。

<5> 新建清單Item時候，左邊的Menu區域不要顯示。

<6> 新建清單Item時候，輸入欄目區域的寬度width要設置為100%。

二、解決辦法：

方法1：js方法

操作步驟：

<1> 在網站設置界面settings.aspx中，找到“網站集合功能”Site Collection Features,

選擇項目Smart js ..選項，并將起激活active。

<2> 使用MOSS207 Designer，編輯default.master模版頁面，

在頭結點<headers></header>中 (注意添加core.js文件的引用，web server extensions\12\TEMPLATE\LAYOUTS\2052和1028等路徑，都要放入相應的core.js文件)，加入如下代碼：

<script type="text/javascript">
???? $(document).ready(function){
??????? // 設置清單Item的width為100%
???????? $('#onetIDListForm').css('width','100%');
??????? $('.ms-formbody').css('width','100%');
????????
??????? //
???????? $('btnHide').show();
??????? $('btnShow').hide();
???????
??????? var isHide = false;
??????? $('.ms-pagemargin').click(
??????????? function(){
?????????????? if(!isHide)
?????????????? {
?????????????????? // "查看網站所有內容"左邊Mene邊框，單擊事件：可以打開、收起Menu
?????????????????? $('.ms-navframe').fadeOut('faset');
?????????????????? $('#btnHide').hide();
?????????????????? $('#btnShow').show();
??????????????????
?????????????????? // 收起清單打開后的左邊的Menu
????????????????????? $('#TitleAreaImageCell').css('display','none');
?????????????????? $('#LeftNavigationAreaCell').css('display','none');
????????????????? }
????????????????
?????????????? if(isHide)
?????????????? {
?????????????????? //"查看網站所有內容"左邊Mene邊框，單擊事件：可以打開、收起Menu
????????????????????? $('.ms-navframe').fadeOut('slow');
?????????????????? $('#btnHide').show();
?????????????????? $('#btnShow').hide();
??????????????????
?????????????????? // 顯示清單打開后的左邊的Menu
????????????????????? $('#TitleAreaImageCell').css('display','block');
?????????????????? $('#LeftNavigationAreaCell').css('display','block');?????????????? }
??????????? }
???????
??????? )
?????????
???? }
</script>

方法2：修改core.css文件

操作步驟：

<1>? 找到該MOSS2007網站對應的服務場Farm的所有web server，

找到對應資源路徑，比如C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\2052\STYLES\，找到對應的core.css文件。

<2> ?編輯修改core.css文件，修改內容如下，最后保存內容（注意：其他內容不要隨意變更）。

#TitleAreaImageCell
{
? /* 作用：消除"查看網站內容時候，左面的上半部分的Menu信息" */
? /*? 修改者：田東 */
? /*? 修改時間：2010.12.25? 20.01 */
? display:none;
}

#LeftNavigationAreaCell
{
? /* 作用：消除"查看網站內容時候，左面的下半部分的Menu信息" */
? /*? 修改者：田東 */
? /*? 修改時間：2010.12.25? 20.01 */
? display:none;
}
#ms-navframe
{
? /* 作用：消除"查看清單信息時候，左面的Menu信息" */
? /*? 修改者：田東 */
? /*? 修改時間：2010.12.25? 20.01 */
? display:none;
}
#onetIDListForm
{
? /* 作用：打開清單信息，創建清單Item時候，將清單的寬度設置為100% */
? /*? 修改者：田東 */
? /*? 修改時間：2010.12.25? 20.01 */
? width:100%;
}

三、變更前后的效果：

<1> 查看網站所有內容時候，左邊的Menu區域不要顯示

修改前：

修改后：

?
<2> 查看清單信息時候，左邊的Menu區域不要顯示

修改前：

修改后：

<3> 查看文件庫信息時候，左邊的Menu區域不要顯示

?

修改前：

修改后：

<4> 新建網站內容時候，左邊的藍色區域不要顯示

?

?

修改前：

修改后：

<5> 新建清單Item時候，左邊的Menu區域不要顯示

?

?

修改前：

修改后：

<6> 新建清單Item時候，輸入欄目區域的寬度width要設置為100%

?

?

修改前：

修改后：

MOSS2007頁面UI定制（無代碼上手）