天空部落 | Yam-首頁
天空部落樣式結構表

整體設計：

BODY｜整個網頁頁面

a｜超連結
A:link｜尚未連結過的超連結
A:visited｜拜訪過的連結
A:active｜正按下的連結
A:hover｜游標在連結上方

DIV#mainFrame｜部落格整體框架設定

top

上面大區塊

DIV#banner｜上方banner設定

DIV#companyBar｜天空連結設定

#banner DIV.bannerTitle｜部落格標題設定

#banner DIV.description｜部落格描述設定

#adText ｜廣告連結設定

#navBar｜頻道選擇

#linkLogin｜登入連結設定

top

中間的大區塊

#contentBlock｜中間大區塊設定

#sideBlock ｜旁邊大區塊設定

#sideBlock DIV.sideColumn｜旁邊小區塊設定

#sideBlock DIV.sideTitle｜旁邊小區塊標題設定

#contentBlock DIV.sideContent ｜旁邊小區塊框線設定

top

文章大區塊

DIV#articleBlock｜文章(日記、播客)大區塊

DIV.blogmain ｜網誌單篇文章區塊
註：日記、播客設定改為：
DIV.diarymain ｜日記單篇文章區塊
DIV.podcastmain ｜播客單篇文章區塊

#articleBlock DIV.articleTopTitle ｜文章日期

DIV.articleTitle｜文章標題設定

DIV.articleCategory｜文章時間設定

DIV.articleSummary｜ 文章摘要設定

DIV.articleLink ｜文章發表資訊設定

DIV.articleColumn ｜文章及留言板區塊框線設定

DIV.articleTail｜文章區塊底層

DIV.articleBody ｜文章內文設定

INPUT.text ｜表格

TEXTAREA ｜表格輸入

top

底層的大區塊(版權宣告)

DIV#copyright ｜copyright(底層大區塊) 設定

top

留言板

#articleBlock DIV.childMenu ｜我要留言這四個字

DIV.articleColumn ｜留言內文

DIV.articleColumn TABLE ｜留言內文表格

top

相簿首頁設定

#bodyFrame ｜相簿首頁區塊設定

#adFrame ｜相簿旁邊大區塊設定(瀏覽統計、贊助商廣告、好友連結...)

#adFrame DIV.rightColumn ｜相簿旁邊小區塊設定

#adFrame DIV.rightTitle ｜相簿旁邊標題設定

#adFrame DIV.rightContent ｜相簿旁邊內容區塊設定

#bodyFrame TABLE.albumList ｜每本相簿大區塊 設定

#bodyFrame TD.albumList ｜每本相簿封面區塊 設定

TD.albumList IMG ｜相簿封面小區塊四邊設定

#bodyFrame TD.description ｜每本相簿資訊(相片數、人氣)

#bodyFrame DIV.albumTitle ｜每本相簿標題設定

#bodyFrame DIV.date ｜每本相簿發表時間設定

top

相簿內頁設定

#rightBlock ｜相片大區塊設定

DIV.usersAlbumTitle ｜誰誰誰的相簿標題設定

DIV.bigNote ｜所在分類設定

DIV.pageCtrl ｜推薦這個部落格設定

TD.albumShow｜相片內頁相框設定

.statistic ｜相簿當日人氣設定

top

相片單張瀏覽設定

DIV#mainFrame2 ｜相簿單張瀏覽內頁大區塊設定

#mainFrame2 SPAN.backMenu ｜回部落格首頁連結

#mainFrame2 #companyBar ｜companyBar設定

#contentBlock2 ｜ 相片單張瀏覽設定中間區塊不包括下方copyright

SPAN.usersAlbumTitle ｜相簿標題設定

DIV.pageCtrl ｜連續播放...

SPAN.pageCtrl ｜快速鍵...

DIV.albumTitle ｜大相片名稱

DIV.albumPhoto ｜大相片設定

DIV.albumPhoto IMG ｜大相片邊框

albumPhotoDesc｜大相片相片描述

HR ｜相片單張瀏覽分隔線設定

TABLE.albumCache ｜大相片下面預覽小相片整個區塊設定

TD.albumCache ｜大相片下面預覽小相片個別區塊設定

TD.albumCache IMG ｜大相片下面預覽小相片個別區塊相片邊框設定

DIV.albumMenu ｜相片留言處的標題

DIV.imageBody ｜留言區塊(不包含標題)

DIV.commentBody ｜留言內文

INPUT.btn ｜確定取消按鈕

top

訂閱浮動視窗

#navmenu LI UL LI.title ｜訂閱浮動視窗標題設定

#navmenu LI UL ｜訂閱浮動視窗選項背景設定

top

個人資料

#articleBlock DIV#profile ｜個人資料頁設定

#articleBlock #profile TABLE

#articleBlock #profile TH ｜個人資料頁的小標題設定

#articleBlock #profile DIV.title ｜個人資料頁的大項目標題設定

#articleBlock #profile DIV.introduce ｜個人資料頁的自我介紹

top