摘錄自:ethan 的林林總總: [引用]樂多blog樣式結構表 - yam天空部落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) 人氣()