這篇內容將會集中解釋預設中各個css class所代表的意思.
這裡並不會教如何使用css(因為css是很複雜的, 篇幅有限, 有需要學css的人請另找資源學習)
BODY{}
body是最基本的一個class.
A:link,A:visited,A:hover{}
所有hyperlink/url/網址的設計,
link: 普通狀態,visited: 已訪問, hover: 當mouse經過時.
可以分開, 如:
A:link{}
A:visited{}
H1, H2, H3, FORM, UL, IMG, HR, INPUT, TEXTAREA
對應標籤<H1>, <H2>, <H3> <FORM>, <UL>, <IMG>, <HR>, <INPUT,> <TEXTAREA>
#UHcontainer {}
整個版圖所屬的div, 在這裡可以控制版面大小等
#UHheader{}
頂部的設計
#UHnavlist{}
#UHnavlist LI {}
#UHnavlist LI A:link{}
#UHnavlist LI A:visited{}
#UHnavlist LI A:hover {}
以上選項可以控制頂部選單
#UHcontent{}
主要內容部份所代表的class
.UHcontenttable{}
.UHcontenttabletitle {}
控制主要內容內表格的class
.UHentry{}
每篇日記所代表的class
.UHentrydate {}
日記日期所代表的class
.UHentrytitle {}
日記標題所代表的class
.UHentryauthor {}
日記作者所代表的class
.UHentrycontent {}
日記內容所代表的class
.UHentryfooter {}
日記底部選單所代表的class
.UHentrymsg{}
每篇日記留言所代表的class
.UHentrymsgavatar {}
每篇日記留言頭像所在的div所代表的class
.UHentrymsgcontent {}
每篇日記留言內容所代表的class
.UHentrymsgreply {}
每篇日記留言回覆所代表的class
.UHentrymsgreplyauthorreply {}
每篇日記留言回覆作者所代表的class, (內容通常為: nickname回覆: )
以下幾個設定是留言相關的, 由於留言所佔的長度比較大, 如果喜歡把整體版面長度縮小, 就要在這裡下功夫了:
.UHboardmsgcontainer{}
每篇留言所代表的class
.UHboardmsgfrom{}
每篇留言作者所代表的class
.UHboardmsg{}
每篇留言所代表的class(包含UHboardmsgavatar, UHboardmsgcontent, 這個在預設內可理不理)
.UHboardmsgavatar{}
留言頭像所在的div所代表的class
.UHboardmsgcontent{}
留言內容所代表的class
.UHboardmsgreply {}
留言回覆所代表的class
.UHboardvreply {}
留言的訪客回覆(或者包括板主回覆)所代表的class
.UHboardvreplyavatar {}
留言的訪客回覆頭像所在的div所代表的class
.UHboardvreplycontent {}
留言的訪客回覆內容所代表的class
預設的設計為左邊加上sidebar, 左右位置可以透過修改以下的css/下方相對應的html來解決, 如想左右都有sidebar, 也可以修改下方相對應的html來達到目的.
#UHleftcol {}
版面左邊所代表的class
#UHleftcol a {}
設定版面左邊內, 所有的hyperlink/url/網址預設代表的class
.UHleftcoleach{}
版面左邊每個項目所代表的class
.UHleftcoleachtitle {}
版面左邊每個項目標題所代表的class
.UHleftcoleachcontent {}
版面左邊每個項目內容所代表的class
.UHleftcoleachcontenteach{}
版面左邊每個項目內容的每一行(對應<span> )所代表的class
以下幾個選項是月曆相關的css: (月曆只限修改html)
TABLE.calendar {}
月曆所用的table所代表的class, (修改這項的背景會影響月曆的邊界顏色)
TD.calendartitle{}
月曆標題所代表的class
TD.calendarindex {}
月曆星期所代表的class
TD.calendarcontent{}
月曆每一天所代表的class
TD.calendarfocus {}
月曆指定的一天(當天)所代表的class
font.calendartext {}
月曆每一天文字顏色所代表的class
font.calendartoday {}
月曆指定的一天(當天)文字顏色所代表的class
font.calendartitle{}
月曆標題文字顏色所代表的class
.pagenav{}
.pagenav ul{}
.pagenav ul li{}
.pagenav ul li a{}
.pagenav ul li a:visited{}
.pagenav ul li a:hover{}
.pagenav ul li.pagenavactive a{}
以上的幾個class都是用來控制頁數顯示的class