自行設計主題風格

架構說明

Step by step

1. 首頁

2. 內頁框架

3. 首頁資料區

4. 右邊幅

檔案命名規則

CSS說明

完工檢查表

   重點說明◆首頁CSS ◆內頁框架CSS  |  ◆intro CSS ◆edge CSS  |  進階用法(跨越版型限制)  |  CSS基本概述(參考)

intro區塊中CSS樣式檔

■ CSS樣式檔:由以下兩大部分共同組成

1. 超連結標籤:不分 intro 版型皆會存在的。

2. 模組標籤:依所選用的 intro 版型不同,而選用不同的模組標記。

超連結標籤

a:active → 設定正被選取之超連結文字顯現方式。
a:hover → 設定當滑鼠移至超連結文字上面時的顯現方式。
a:link → 設定超連結之文字顯現方式。
a:visited → 設定瀏覽過之超連結文字顯現方式。

a:active{color: #9933FF; font-weight: normal}
a:hover{color: #DC4301;text-decoration:underline;}
a:link{color: #9966CC;text-decoration:none;}
a:visited{color: #0099FF;text-decoration:none;}

模組標籤 (編輯者請依選用的 intro 版型所顯示內容來選用以下的專屬模組標籤)

首 頁 歡 迎 詞

.slogan{color: #cccccc;font-size:13px;letter-spacing : 1px; font-family : Arial; }

 

H T M L 自 由 編 輯 區

.iframe_intro{ width:578px;height :300px;}

當所選用的 intro 版面只有一個【HTML自由編輯區】時,標籤後面沒有數字碼

.iframe_intro1{ width:578px;height :300px;}
.iframe_intro2{ width:578px;height :300px;}

當所選用的 intro 版面有兩個以上的【HTML自由編輯區】時,需要在標籤後面加入數字碼

 

推 薦 商 品

.introrec_icon{color: #cccccc;font-size:8px;letter-spacing : 1px; font-family : Arial; }

#introrec_text{color: #000000;font-size:12px;letter-spacing : 1px; font-family : Arial; }

.introrec_desc{color: #333333;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.introrec_price{color: #666666;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.introrec_pricearabic{color: #FF5501;font-size:12px;letter-spacing : 2px; font-weight : bold;font-family : Arial; }

 

特 價 商 品

.introsp_icon{color: #cccccc;font-size:8px;letter-spacing : 1px; font-family : Arial; }

#introsp_text{color: #000000;font-size:12px;letter-spacing : 1px; font-family : Arial; }

.introsp_desc{color: #333333;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.introsp_price{color: #666666;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.introsp_pricearabic{color: #FF5501;font-size:12px;letter-spacing : 2px; font-weight : bold; font-family : Arial; }

 

新 商 品

.intronewmd_icon{color: #cccccc;font-size:8px;letter-spacing : 1px; font-family : Arial; }

#intronewmd_text{color: #000000;font-size:12px;letter-spacing : 1px; font-family : Arial; }

.intronewmd_desc{color: #333333;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.intronewmd_price{color: #666666;font-size:11px;letter-spacing : 1px; font-family : Arial; }

.intronewmd_pricearabic{color: #FF5501;font-size:12px;letter-spacing : 2px;font-weight : bold;font-family : Arial;}

 

公 佈 欄

.introab_icon{color: #cccccc;font-size:8px;letter-spacing : 1px; font-family : Arial; }

#introab_text{color: #333333;font-size:12px;letter-spacing : 1px; font-family : Arial;}

 

活 動 訊 息

.introaction_icon{color: #cccccc;font-size:8px;letter-spacing : 1px; font-family : Arial; }

#introaction_text{color: #333333;font-size:12px;letter-spacing : 1px; font-family : Arial; }