2011年9月6日 星期二

在 SharePoint 中使用自定的 CSS 樣式

1. 開啟 Designer,點選「所有檔案」,點進「Style Library」

2. 新增CSS檔案,取名「myStyle.css」

3. 將檔案存回,並發佈為主要版本。


4. 回到網站設定,選擇「Master page」

5. 選擇剛剛的css檔,蓋過 SharePoint 預設的css檔案

6. 在 Designer 中,開啟剛剛的 「myStyle.css」> 「檢視」 > 工作窗格 > 可在右邊開啟「CSS管理樣式」


7. 輸入程式碼:

body #s4-ribbonrow{
background-color: #3399FF;
}
*可參考 v4.master 得知引用 「_layouts/1033/styles/Themable/corev4.css」
   可參考corev4.css來修改自己的Css檔案


8. 回到網站,可以看到 Ribbon 的底色已經被我們的 css 蓋過去了

沒有留言:

張貼留言