動作

輕鬆架站 版型DIY

出自 智邦小幫手

(已重新導向自 Webphpdiy)

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


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

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

2. 選擇所要製作的網域名稱 例:twobooks.url.tw

2013-3-13 14-05-15-2.jpg

3. 編輯輕鬆架站,選擇『輕鬆架站』>>『版型DIY』

2013-3-13 14-05-33-3.jpg

4. 選擇『新增版型』

2013-3-13 14-05-48-4.jpg

5. 填入『版型名稱』

2013-3-13 14-06-02-5.jpg

6. 選擇『編輯CSS』

2013-3-13 14-06-16-6.jpg

7-1. 直接貼入您所設定的CSS語法 >> 儲存設定

2013-3-13 14-06-38-7.jpg
* 輕鬆架站CSS標準設定請參考下方CSS標準設定。

7-2-1. 載入現有版型進行修改

2013-3-13 14-06-54-7-2.jpg

7-2-2. 選擇欲修改的版型

2013-3-13 14-06-54-7-22.jpg

7-2-3. 直接修改CSS語法

2013-3-13 14-06-54-7-23.jpg
* 輕鬆架站CSS標準設定請參考下方CSS標準設定。

7-2-4. 儲存修改的版型

2013-3-13 14-06-54-7-24.jpg

7-2-5. 預覽修改的版型

2013-3-13 14-06-54-7-25.jpg

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高手,加入合作行列"'