CSS -- 重點說明

重點說明 -- 用CSS控制字色大小、HTML高度、圖檔高寬

在首頁和內頁框架中，由CSS定義的包括：

■ 選單(btn)的字色、大小、字型

■ 選單(btn)如果是群組型，次選單的字色、大小、字型、底色、相對位置。

■ 首頁計數器、頁底註記、設為首頁、加入最愛(可以在「首頁版面配置」中設定顯示與否，並不是每一版型的首頁都提供這些設定) 的字色、大小、字型。
注意! 首頁可以定義頁底註記的字色大小，內頁則由系統依據選擇版型的色系自動判斷!

變數名稱及定義內容一覽

變數名稱	頁面	定義內容
#headbar	首頁	headbar 選單按鍵的字色、字級大小、…
#sidebar	首頁	sidebar 選單按鍵的字色、字級大小、…
.headbarfcmup	首頁	headbar 次選單(群組)字色及背景色、字級大小…(mouse前)
.headbarfcmover	首頁	headbar 次選單(群組)字色及背景色、字級大小…(mouse後)
.sidebarfcmup	首頁	sidebar 次選單(群組)字色及背景色、字級大小…(mouse前)
.sidebarfcmover	首頁	sidebar 次選單(群組)字色及背景色、字級大小…(mouse後)
#subheadbar	首頁	headbar 次選單(群組)顯示的相對位置
#subsidebar	首頁	sidebar 次選單(群組)顯示的相對位置
.footwood	首頁	頁底註記字色、字級大小…
.counter	首頁	顯示訪客數字色、字級大小…
.bookmark	首頁	加到最愛字色、字級大小…
#sethome	首頁	設為首頁字色、字級大小…

#pageheadbar	內頁框架	headbar 選單按鍵的字色、字級大小…
#pagesidebar	內頁框架	sidebar 選單按鍵的字色、字級大小…
.pageheadbarfcmup	內頁框架	headbar 次選單(群組)字色及背景色、字級大小…(mouse前)
.pageheadbarfcmover	內頁框架	headbar 次選單(群組)字色及背景色、字級大小…(mouse後)
.pagesidebarfcmup	內頁框架	sidebar 次選單(群組)字色及背景色、字級大小…(mouse前)
.pagesidebarfcmover	內頁框架	sidebar 次選單(群組)字色及背景色、字級大小…(mouse後)
#pagesubheadbar	內頁框架	headbar 次選單(群組)顯示的相對位置
#pagesubsidebar	內頁框架	sidebar 次選單(群組) 顯示的相對位置

各區塊 CSS 字色大小控制或 HTML 高度

被控制元素	語法	補註
項目符號	.區塊名+模組的英文簡寫_icon	在每一筆資料之前會有一標記可控制色及大小，例如：■
標題	.區塊名+模組的英文簡寫_title	當有資料以外的標題時, 例如：會員登錄的加入會員和密碼查詢、商品名稱
資料	.區塊名+模組的英文簡寫_text
商品內容敘述	.區塊名+模組的英文簡寫_desc	當有商品內容敘述時
價錢的名稱	.區塊名+模組的英文簡寫_price	當有商品價錢名稱顯示時
價錢的阿拉伯數字	.區塊名+模組的英文簡寫_pricearabic	當有商品價錢名稱顯示阿拉伯數字時
上傳的HTML高度	.iframe_區塊名	HTML有二區以上時, 字尾加1或2
table外框	.區塊名+模組的英文簡寫_table	當需要顯示一模組區塊的外框時

例1：introsp_text 指 intro 區特價商品的品名

例2：設定特價商品的字色大小

產品名稱：

.introrec_text{ color: blue ;font-size:13px; letter-spacing : 2px; line-height : 24px; }

產品價錢數字：

.introrec_priceArabic{ color: #FEF5BB;font-size:13px; letter-spacing : 2px; line-height : 24px; }

例3：設定第二 HTML 的高度

.iframe_intro2{height:550}