Download presentation
Presentation is loading. Please wait.
1
網路商店裝修之二 CSS樣式編輯
2
osCommerce 網路商店快速裝修-風格
進入ezeshop電子化專門店 點選『免費模組與服務』 選擇 『osCommerce 風格設計DIY』 按下按鈕，執行『風格設計DIY』
3
osCommerce 網路商店快速裝修-風格
設計完成之後可以把程式碼複製到自己 osCommerce 網站根目錄資料夾中的/stylesheet.css 建議在覆蓋掉原本的 stylesheet.css 內容之前，要記得把原來的檔案先備份！
4
osCommerce 網路商店快速裝修-跑馬燈
點選『程式下載(big5版) 』 依說明步驟修改檔案後，再將其上傳回 根目錄資料夾/includes/boxes/
5
osCommerce 網路商店版面編輯
6
osCommerce 網路商店版面編輯 圖邊留白(Ex:上下左右各留0.5公分) Padding-right: 0.5cm
Padding-left: 0.5cm Padding-top: 0.5cm Padding-bottom: 0.5cm
7
osCommerce 網路商店版面編輯 圖上放圖(固定位置/設定距畫面左上距離) Position: absolute;
Left: 100px Top: 50px
8
osCommerce 網路商店版面編輯 背景置中 (在body之程式碼中) 背景指定位置 (固定/距畫面左上距離)
Background: # url(‘smile.gif’) no-repeat fixed center 背景指定位置 (固定/距畫面左上距離) Background-attachment: fixed Background-position: 50px 100px
Similar presentations
