動作

RWD版型DIY

出自 智邦小幫手

10分鐘輕鬆架站:版型DIY操作步驟


1. 登入智邦生活館管理者後台,登入網址:https://hosting.url.com.tw/vhadmin/

2013-3-13 14-04-43-1.jpg

2. 選擇所要製作的網域名稱 例:demo.url.tw %E9%A6%96%E9%A0%81.png

3. 編輯輕鬆架站,選擇『輕鬆架站』>>『版型DIY』 Dip%E9%A6%96%E9%A0%81-1.png

4. 選擇『新增版型』 %E6%96%B0%E5%A2%9E%E7%89%88%E5%9E%8B-1.png

5. 填入『版型名稱』 %E6%96%B0%E5%A2%9E%E5%90%8D%E7%A8%B1-1.png

6. 選擇『編輯CSS』 %E9%81%B8%E7%B7%A8%E8%BC%AF-1.png

7-1. 直接貼入您所設定的CSS語法 >> 儲存設定 %E8%BC%89%E5%85%A5%E5%AE%8C%E6%88%90-1.png

* 輕鬆架站CSS標準設定請參考下方CSS標準設定。

7-2-1. 載入現有版型進行修改 %E8%BC%89%E5%85%A5%E6%A8%A3%E7%89%88-1.png

7-2-2. 選擇欲修改的版型 %E9%81%B8%E6%A8%A3%E7%89%88.png

7-2-3. 直接修改CSS語法 %E8%BC%89%E5%85%A5%E5%AE%8C%E6%88%90-1.png

* 輕鬆架站CSS標準設定請參考下方CSS標準設定。

7-2-4. 儲存修改的版型 %E5%84%B2%E5%AD%98-1.png

7-2-5. 預覽修改的版型 %E9%A0%90%E8%A6%BD-1.png

8-1-1. 上傳自訂圖片:

圖片存放位置為http://www.網域名稱/custom_image/圖片檔名
2013-3-13 14-08-31-8.jpg

8-1-2. 查詢自訂圖片:

2013-3-13 14-08-31-8-2.jpg

9-1. 發佈網站

選擇『輕鬆架站』>>『設定及預覽發佈』>>『使用自訂版型』
2013-3-13 14-09-07-9.jpg

9-2. 建立網站

2013-3-13 14-09-07-9-2.jpg


輕鬆架站CSS標準設定

名稱 位置 備註
#container 網頁最外層包裝 可調整網頁寬度、更改背景
#header 頁首 可更改背景或banne,有預設背景顏色,若要區塊透明,須將背景設定為transparent
#sidebar 側欄區塊 有預設背景顏色,若要區塊透明,須將背景設定為transparent
#mainContent 主要內容區塊  
#foot 頁尾 有預設背景顏色,若要區塊透明,須將背景設定為transparent
#blogname 公司名稱及上方選單區塊 可調整公司名稱位置
#menu 上方選單 有預設背景顏色,若要區塊透明,須將背景設定為transparent
.Ptitle 側欄選單按鈕  
.Content 內容區塊  
#sidebar-topimg 側欄上方區塊 可放置裝飾背景圖片
#sidebar-bottomimg 側欄下方區塊 可放置裝飾背景圖片
#mainContent-topimg 主要內容區塊上方 可放置裝飾背景圖片
.Content-top 內容上方區塊 可放置裝飾背景圖片
.ContentLeft 內容左側區塊 可放置裝飾背景圖片
.ContentRight 內容右側區塊 可放置裝飾背景圖片
.Content-bottom 內容下方區塊 可放置裝飾背景圖片


  • 10-2.jpg
  • 10-3.jpg
  • 10-4.jpg
  • 10-5.jpg


  • 註:CSS語法請自行學習,並不提供教學及說明

*智邦生活館歡迎設計CSS高手,加入合作行列"'