- - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - -
(1) 如何選擇右邊幅版型?
-
[形象型]
首頁沒有右邊幅,[資料型]
首頁才有。如需在首頁中出現 edge ,
則必須選擇 [資料型] 首頁,
並在選擇其資料區
(intro) 時, 選擇含有右邊幅 (edge) 的 intro
版型 (其版型編號尾碼有 e 字, 請參考首頁資料區說明)。而內頁的右邊幅只有在某些系統模組頁面才顯示出來!
[形象形]
沒有 edge |
[資料型]
無 edge |
[資料型]
有 edge |
|
|
|
-
右邊幅
(edge) 模組種類包括:自由編輯區
(HTML)、商品搜尋、會員登錄、訂閱電子報、公佈欄、活動訊息、好站相連、推薦商品、特價商品、新商品等。有的版型有
4 個模組, 有的版型有 5 個模組, 有的版型有
6 個模組。其排列組合無法自由挑選或排序,
必須依照右列樣式來選擇。
-
到那裡選右邊幅版型?
您在這裡只是決定您想要那一個右邊幅版型,
但您必須告訴系統您的決定為何? 請到 主題風格/邊幅架構
中選擇,
否則系統不會理會您所上傳的檔案。
--
TOP --
(2) 如何設計與上傳?
-
點選右列版型圖樣,
可看每一組右邊幅版型的詳細說明。
-
系統會依照您所選擇的版型,
到 上傳空間
的某個資料夾抓取相關檔案。
Q:
什麼資料夾?
A:
edge資料夾
這個資料夾需要您自己到 上傳空間
去新增。
Q:
那些檔案?
A:
有圖檔 (各區標題美工圖、背景圖 GIF)
有HTML
(包含這個 HTML 檔, 及其所含的圖檔或 FLASH 檔...)
有
CSS 檔 ( edge.css
其內容用以定義右邊幅 edge 的內容)
這些檔案都在您所點選的版型說明中所示,
另請參考檔案命名規則、CSS
說明及完工檢查表。
-
區塊範例:
假設這是您要的右邊幅:
(1)
自由編輯區HTML (2) 活動訊息 (3)
新商品 (4) 公佈欄
head |
side |
intro
|
|
|
jgkf;eji;mfk
gf;jks;gfjkd
kfld;jsk;ajfk
ljp[y]6ipeks
jfkd;sa;vj
jkgf;dsjgk;
|
自動帶出最新公佈欄資料3筆(有效時間)
自動帶出最新活動訊息資料3筆(有效時間)
自動帶出最新好站相連資料3
|
|
|
和
intro 一樣, 除了HTML之外,
每一個區塊都分成 3 個部份:
top |
←→ |
標題圖檔 |
←→ |
模組名_top.gif |
mid |
背景圖檔 |
模組名_mid.gif |
bottom |
底部圖檔 |
模組名_bot.gif |
但商品搜尋、會員登錄、訂閱電子報這三個模組則多了一個
button
(搜尋鍵、登錄鍵、訂閱鍵):
範例一:
top |
|
mid 背景(均勻圖)
|
會上下左右 repeat
|
bot
|
|
btn
|
|
|
範例二:
top |
|
mid
背景(兩端有線)
|
會上下 repeat
|
bot
|
為了與下方區塊有點間隙,
多了些空白。
|
|
範例三:
top |
|
mid
背景(兩端有線) |
會上下 repeat
|
bot
|
|
|
--
TOP --
(3) CSS 調整什麼?
右邊幅需要上傳的檔案除了與版型圖示的
HTML 檔及圖檔之外, 還要上傳一支 CSS 檔,
這個檔案用來設定右邊幅的某些規格, 諸如:
-
資料區某些文字的字級、字型、字色、上下左右間隔、置中或靠左或靠右...等,
如:
-
公佈欄、活動訊息、好站相連等區塊的文字內容。
-
推薦商品、特價商品、新商品等區塊的商品名稱、商品價錢文字、商品價錢的阿拉伯數字等。
-
其他
註
1:整個網站主題風格需要 4 個 CSS 檔,
分別是:
首頁 -- theme.css
內頁 -- page.css
首頁資料區 -- intro.css
邊幅 -- edge.css
註
2:更詳細解說請參考 CSS
說明
--
TOP --
|