2012-12-18 46 views
0

我是Sharepoint的新手。Sharepoint MasterPages/Templates定製

我需要自定義一些Sharepoint Masterpages(背景顏色,字體類型和一些其他的css requeriments)。

考慮到我有以下文件:v4.master,default.master和另外兩個頁面,它們是default.master的內容頁面,再加上COREv4.css文件。

我知道我應該創建一個主頁面的副本(我不知道是哪一個),並定製它改變鏈接到它的CSS)。以下是與此相關的問題:

1)自定義CSS文件應該是COREv4.CSS的修改副本,或者只是具有所需樣式的另一個CSS文件?

2)如何通過網站設置創建/鏈接修改頁面的自定義CSS文件?如何/應該在哪裏保存新文件?

3)至於v4.master的副本,我如何加載它來替換原來的網站?

4)該系統是建立在Sharepoint 2010之上的。這確保了具有修改過的CSS的頁面只是一個v4.master副本。

謝謝你一如既往的洞察力。

**更新* *

嗨,

我設法解決這個問題得到一個總體思路與提供的PDF手冊,您的建議和一些額外的步驟,我將介紹簡要地說:

1)要放置我的自定義css文件,我把它放在文件夾中:C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\3082\STYLES

2)我打開了使用Sharepoint Designer 2010進行定製的網站。

3)我點擊了選項Main Pages/Master Pages,然後選擇頁面作爲v4.master頁面,複製並粘貼它。然後我重新命名它,右鍵點擊它,選擇「重命名」,然後鍵入新名稱,然後我再次右鍵單擊並選擇「將頁面設置爲主默認頁面」。

4)編輯我右邊點擊一次,並選擇了選項「在高級模式下編輯內容」頁面的內容,head標籤結束之前,我複製並粘貼:

<SharePoint:CssRegistration name="customname.css" runat="server" After="core4.css"/> 

注意"customname.css"是我的css文件。然後我點擊屏幕左上方的軟盤圖標進行保存。

5)完成之後,我使用Chrome HTML/CSS分析器,檢查原始(現在已複製)的母版頁以瀏覽需要自定義的區域,以便識別管理該類的類名/ ids /樣式被改變。一旦確定,我只加入到他們需要改變的特性,例如:

//的WebParts備用突出行

DIV#ctl00_MSO_ContentDiv table.ms-viewlsts TBODY tr.ms-alternatingstrong {背景顏色:#F7FAF4}

table.ms-listviewtable.ms-basictable TBODY tr.ms-alternatingstrong.ms-itmhover {背景色:#F7FAF4}

我mos晶體管邏輯y自己通過Chrome Analyzer的反覆試驗來完成這項工作,但我也使用這裏找到的圖表(http://sharepointexperience.com/csschart/csschart.html)幫助完成了任務,在某些時候,它變得有點棘手,我決定像我前面提到的那樣自行完成。在這個過程中,我反覆向定製文件中添加更多樣式,然後在服務器位置覆蓋它,以刷新頁面/頁面以查看它的樣子,直到過程結束。

感謝您的幫助,我希望這可以作爲任何需要它的人的指導。如果您有任何問題,請告訴我。

回答

1

這不是建議修改的SharePoint文件的答案。

更好地創建新的母版頁文件,指定你想要的所有CSS和腳本,並安裝此功能。

你有什麼版本的SharePoint? SharePoint 2010 Server或Foundation?與服務器版本的原因,你可以通過品牌的母版頁中一個很酷的方式:

看到this link

+0

嗨安德魯,此處可用的版本的SharePoint 2010服務器 – CoderRoller

+0

在這種情況下,你可以自由地創建自己的自定義母版頁。這樣的母版頁的好例子是[法拉利網站](http://ferrari.it)。正如您所看到的,您可以使用自定義母版頁執行任何操作。 –

+0

謝謝安德魯,我設法找到了解決方案。你的建議也有幫助。 – CoderRoller