close
樂多blog 樣式結構表  以下是我個人去上網抓下來的~
html |整個網誌頁面
body
|整個網誌頁面的身體
a|超連結
 
A:link|尚未連結過的超連結
A:visited|拜訪過的連結
A:active|正按下的連結
A:hover|游標在連結上方
 
img|所有的圖片
 
label|表單欄位的字型(『姓名:』『email:』『URL:』『回應:』)
 
 input|按鈕和單行文字方塊(按鈕『預覽』『送出』,也包含填寫姓名、email、URL的欄位)
 
 textarea|多行文字方塊(包含回應文章時填寫回應的欄位)
 
#container|整個網誌最外圍的區塊(網誌置中的方法:#container {MARGIN: 0px auto 0px;})
 
#banner|最上面那塊包含部落格標題和敘述的部份
 
#banner A|超連結
#banner A:link |尚未連結過的超連結
#banner A:visited |拜訪過的連結
#banner A:active |正按下的連結
#banner A:hover |游標在連結上方
 
.blogtitle|部落格標題、『引用URL』
 
.description|網誌敘述
 
#content|網誌文章那一大塊
 
.blog|包住所有文章的東西

.date|文章日期
 
.blogbody|單篇文章標題和文章內容,包括回應、引用
 
.title|文章標題
 
.main|文章內容
 
.pict|文章內容貼的圖
 
.main-continues|整個『...繼續閱讀』區塊
 
A.acontinues|尚未連結過的超連結
A.acontinues:link|尚未連結過的超連結
A.acontinues:visited|拜訪過的連結
A.acontinues:active|正按下的連結
A.acontinues:hover |游標在連結上方
 
.posted|文章和回應後的『Posted by...』
 
A.aposted|超連結
A.aposted:link|尚未連結過的超連結
A.aposted:visited|拜訪過的連結
A.aposted:active|正按下的連結
A.aposted:hover|游標在連結上方
 
.trackback-url|引用的網址
 
.comments-head|『引用列表:』和『回應文章』區塊
 
.trackback-body|引用內容
 
.trackback-post|引用後的『文章標題【網誌名稱】...』
 
A.atrackback-post|超連結
A.atrackback-post:link|尚未連結過的超連結
A.atrackback-post:visited|拜訪過的連結
A.atrackback-post:active|正按下的連結
A.atrackback-post:hover|游標在連結上方
 
.comments-body|回應內容
 
.comments-post|回應之後的『Posted by...』

 
.form|整個留言表格
 
#author|填寫姓名的欄位(包含於"input"裡)
 
#email|填寫email的欄位(包含於"input"裡)
 
#url|填寫URL的欄位(包含於"input"裡)
 
 #text|填寫留言的欄位(包含於"textarea"裡)
 
.menu|『回blog首頁』『上一篇』『下一篇』
 
A.amenu|超連結
A.amenu:link|尚未連結過的超連結
A.amenu:visited|拜訪過的連結
A.amenu:active|正按下的連結
A.amenu:hover|游標在連結上方
    
.pagetop|『回頁首▲』『回最上方』
 
#links|行事曆與資料夾、文章分類、連結那一大塊
 
.sidetitle|連結區塊標題
 
.side|連結區塊
 
A.aside|超連結
A.aside:link|尚未連結過的超連結
A.aside:visited|拜訪過的連結
A.aside:active|正按下的連結
A.aside:hover|游標在連結上方
 
.sidebody|連結區塊內容
 
.photo|個人簡介照片
 
.nickname|個人簡介名字
 
.message|個人簡介內容
 
.calendarhead|行事曆標題(月,年)
 
.calendartable|行事曆內容區塊
 
.calendarwd|行事曆星期區塊
 
.calendarweek|行事曆星期字型
 
.calendard|行事曆單一日期區塊
 
.calendardbg|行事曆單一日期區塊(表示有文章時)
 
.calendar|行事曆單一日期字型
 
A.acalendar|超連結
A.acalendar:link|尚未連結過的超連結
A.acalendar:visited|拜訪過的連結
A.acalendar:active|正按下的連結
A.acalendar:hover|游標在連結上方
 
.syndicate|最下方的web feeds 和樂多的Banner
 
 
#footer|最下方的區塊(和#banner相對應)
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 哈利一家的生活記 的頭像
    哈利一家的生活記

    ♥◦◦田蜜萍戀 の 幸福小園地◦◦♥

    哈利一家的生活記 發表在 痞客邦 留言(0) 人氣()