鼓勵此網誌:16
整體設計:
BODY|整個網頁頁面
a|超連結
A:link|尚未連結過的超連結
A:visited|拜訪過的連結
A:active|正按下的連結
A:hover|游標在連結上方
DIV#mainFrame|部落格整體框架設定
http://pics.blog.yam.com/images/css_structure/index.html
天空部落改版法-資源共享05 ( 第2版 )
▲本部落的圖文歡迎大家引用、轉載、轉貼、下載
但請別更改原創作或做任何其他商業用途
上面大區塊
DIV#banner|上方banner設定
DIV#companyBar|天空連結設定
#banner DIV.bannerTitle|部落格標題設定
#banner DIV.description|部落格描述設定
#adText |廣告連結設定
#navBar|頻道選擇
#linkLogin|登入連結設定
中間的大區塊
#contentBlock|中間大區塊設定
#sideBlock |旁邊大區塊設定
#sideBlock DIV.sideColumn|旁邊小區塊設定
#sideBlock DIV.sideTitle|旁邊小區塊標題設定
#contentBlock DIV.sideContent |旁邊小區塊框線設定
文章大區塊
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 |表格輸入
DIV.commentBody |修改版主回覆留言
底層的大區塊(版權宣告)
DIV#copyright |copyright(底層大區塊) 設定
留言板
#articleBlock DIV.childMenu |我要留言這四個字
DIV.articleColumn |留言內文
DIV.articleColumn TABLE |留言內文表格
相簿首頁設定
#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 |每本相簿發表時間設定
相簿內頁設定
#rightBlock |相片大區塊設定
DIV.usersAlbumTitle |誰誰誰的相簿標題設定
DIV.bigNote |所在分類設定
DIV.pageCtrl |推薦這個

















































