套用樣板之後,可以修改樣式嗎? (#620)
您可以藉由改變「版面配置」或透過「CSS 語法」來調整網站外觀,
以修改「白色醫學」樣板為例,步驟如下:
 
8e6387022915a2047ccdc0cb6210910d.png
 
1. 進入「系統管理 > 自訂頁面」,點擊首頁展示的「版面配置」
 
ca55a6067fac05372e66570bd727d1de.png
 
2. 將「內容區塊」與「模組」拖曳至 #top (頂端) 區塊
 (1) 拖曳「二欄」式內容區塊至 #top (頂端)
8b09306633880f7684f825da5db89a93.png
 
 (2) 選擇「模組清單」,拖曳 3 個「HTML」模組至二欄式區塊的左端
 (3) 將「廣告看板」放於二欄式區塊的右端
 
7236585247cccc8b8441d26b053a4d0e.png
 
3. 編輯區塊樣式
 (1) 在放置 3 個 HTML 模組的區塊,點擊右上角「編輯區塊樣式」
 (2) 選擇「進階設定」,輸入以下 CSS 語法
margin:0;
width:248px;
22002f7350a4077f7620ddabc2c320e7.png
 
 (3) 在放置廣告看板模組的區塊,點擊右上角「編輯區塊樣式」
 (4) 選擇「進階設定」,輸入以下 CSS 語法
margin:0;
margin-right:-1px;
22cde48b67bcf23ed6f7e99bae7bdd44.png
4. 編輯模組樣式
 (1) HTML 模組 >「編輯樣式」,在「區塊佈景」中輸入背景色碼
 (2) 在「進階設定」中輸入以下 CSS 語法
margin-bottom:0;
padding:7px;
36993e42c365ef235bddd92a02cea4da.png
 
5. HTML 模組 >「編輯」,輸入想呈現的資訊
61652f50c36922a75554b2c741edf730.png
 
6. 修改背景圖
 (1)「全站樣式」 >「編輯全站 CSS」
 (2) 在最下方加入以下 CSS 語法 (括號內請更改為圖片網址)
#page {background:url(插入圖片或輸入背景網址) repeat-x}
 >> 範例提供之背景圖 (右鍵即可另存圖片)

[原始位置: fms 多媒體影音管理系統 - FAQ 分類]