知識社群Login
樣式上傳
by 賴宏昌, 2011-11-15 08:53, Views(2277)
除了能在線上直接編修既有的樣式外,我們也可以下載範例樣式的檔案,並在本機上將樣式編輯完成後,
再上傳至 PMS 進行套用。步驟如下:

A. 下載 CSS 範例檔
1. 進入 [系統管理 / 樣式管理]
2. 點選 [樣式上傳]
3. 在下方說明內點選 [基本樣式] 以下載檔案

B. 編輯 CSS
下載後的檔案為 Zip 壓縮檔,解壓縮後可以看到四個檔案,以下針對各個檔案進行說明:
style.css
CSS 樣式的檔案,透過編輯器 (如 Notepad ++) 即可開啟並編輯語法
CSS 樣式編輯教學請參考 [版面設計教學]
preview.jpg樣式上傳後的預覽圖,如要更換,請以相同名稱的圖片取代即可
index.html樣式版型的檔案 (不需要修改)
images 資料夾請在裡面放網頁設計會用到的圖片,圖片名稱僅能用英文或數字命名,且在 CSS 語法中請使用
相對路徑的方式來插入圖片 (如 background:url(images/banner.jpg))

C. 上傳樣式
1. 編輯完成後,將上述四個檔案壓縮為一個 Zip 檔
2. 進入 [系統管理 / 樣式管理]
3. 點選 [樣式上傳]
- 輸入樣式名稱並按 [瀏覽] 並選擇 Zip 檔
- 按 [確定] 上傳檔案
4. 點選 [發佈] 後即可套用樣式

FAQ  [ Expand All]
Q1. 樣式上傳後還能修改嗎?
Q2. 上傳後圖片沒有顯示?