追蹤
魚格格美工網頁設計~
關於部落格
部落格小物收集~網頁素材下載~還有自己的心情~
  • 95427

    累積人氣

  • 1

    今日人氣

    3

    追蹤人氣

天空 css 樣表

天空  css 樣表
整體設計:
 
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 |個人資料頁的自我介紹
相簿設定
標籤設定
相簿狀態