樣式上傳
by 賴宏昌, 2011-11-15 08:53, 人氣(3448)
除了能在線上直接編修既有的樣式外,我們也可以下載範例樣式的檔案,並在本機上將樣式編輯完成後,
再上傳至 PMS 進行套用。步驟如下:
A. 下載 CSS 範例檔
1. 進入 [系統管理 / 樣式管理]
2. 點選 [樣式上傳]
3. 在下方說明內點選 [基本樣式] 以下載檔案
B. 編輯 CSS
下載後的檔案為 Zip 壓縮檔,解壓縮後可以看到四個檔案,以下針對各個檔案進行說明:
C. 上傳樣式
1. 編輯完成後,將上述四個檔案壓縮為一個 Zip 檔
2. 進入 [系統管理 / 樣式管理]
3. 點選 [樣式上傳]
- 輸入樣式名稱並按 [瀏覽] 並選擇 Zip 檔
- 按 [確定] 上傳檔案
4. 點選 [發佈] 後即可套用樣式
再上傳至 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 [ 展開]