Celestecat

小貓...最近愛上網頁的語法...

特地把..."PIXNET官方提供的架構圖"...

附上給大家參考...請先下儲存此圖...它是最基本的語法...

小貓下面整理的...是小貓研究出...一般常用的版本...其中有"加入一些語法..../*說明*/"...要增要減...請設計者自己斟酌...

跟小貓沉浸在...語法的世界裡吧...

感謝"小涵"整理..."‧未進化兒童‧"提供...

body......................................................................................................./*整個介頁面*/
#body-div............................................................................................./*整個頁面*/
   a........................................................................................................./*整個頁面超連結*/   
   a:hover............................................................................................../*整個頁面滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#authority.........................................................................................../*後台管理列*/
#authority a......................................................................................../*後台管理列超連結*/   
#authority a:hover............................................................................./*後台管理列滑鼠移動到超連結上時*/
   #newpost........................................................................................../*發表新文章*/
   #backstage......................................................................................./*進入後台*/
/*-----------------------------------------------------------*/
#container.........................................................................................../*所有內容區塊*/
#container2........................................................................................./*所有內容區塊2*/
#container3........................................................................................./*所有內容區塊3*/
/*-----------------------------------------------------------*/
#header................................................................................................/*橫幅*/
/*-----------------------------------------------------------*/
#login-bar............................................................................................/*招呼語&登入登出*/
#login-bar a........................................................................................./*招呼語&登入登出超連結*/   
#login-bar a:hover............................................................................../*招呼語&登入登出滑鼠移動到超連結上時*/  
/*-----------------------------------------------------------*/
#banner................................................................................................./*橫幅主要內容*/
   #banner h1......................................................................................../*部落格標題*/
   #banner h1 a...................................................................................../*部落格標題超連結*/   
   #banner h1 a:hover........................................................................../*部落格標題滑鼠移動到超連結上時*/  
   #banner p.skiplink.........................................................................../*跳到主文*/
   #banner h2......................................................................................./*部落格描述*/
   #banner h2 a..................................................................................../*部落格描述超連結*/   
   #banner h2 a:hover........................................................................./*部落格描述滑鼠移動到超連結上時*/   
   #blog-category................................................................................/*部落格全站分類*/
/*-----------------------------------------------------------*/
#navigation........................................................................................../*其他服務頁面導覽*/
   #navigation a.................................................................................../*其他服務連結區塊內的所有超連結*/   
   #navigation a:hover...................................................................../*其他服務連結區塊內滑鼠移動到超連結上時*/   
#navigation li....................................................................................../*其他服務連結區塊內的所有項目*/
   #link-album......................................................................................./*相簿連結*/
   #link-album a.................................................................................../*相簿連結的超連結*/
   #link-album a:hover......................................................................../*相簿連結的滑鼠移動到超連結上時*/
   #link-blog........................................................................................./*部落格連結*/
   #link-blog a....................................................................................../*部落格連結的超連結*/
   #link-blog a:hover........................................................................../*部落格連結的滑鼠移動到超連結上時*/
   #link-guestbook............................................................................../*留言版連結*/
   #link-guestbook a.........................................................................../*留言版連結的超連結*/
   #link-guestbook a:hover.............................................................../*留言版連結的滑鼠移動到超連結上時*/
   #link-profile.................................................................................../*名片連結*/
   #link-profile a................................................................................/*名片連結的超連結*/
   #link-profile a:hover..................................................................../*名片連結的滑鼠移動到超連結上時*/
/*-----------------------------------------------------------*/
#content............................................................................................../*主要內容區*/                          
/*-----------------------------------------------------------*/
#spotlight............................................................................................/*公告版位*/
#spotlight a......................................................................................../*公告版位的超連結*/
#spotlight a:hover............................................................................./*公告版位的滑鼠移動到超連結上時*/
   #spotlight h5................................................................................../*公告版位標題*/
   #spotlight-text............................................................................../*公告版位內容*/
/*-----------------------------------------------------------*/
#article-area....................................................................................../*文章+列表+回應區塊*/
#article-box......................................................................................../*文章+列表區塊*/
   #article-box h3.article-area-title............................................./*文章+列表區塊之標題*/
#view-mode........................................................................................../*瀏覽模式*/
   #display............................................................................................/*瀏覽模式*/
   #display span.................................................................................../*瀏覽模式這四個字*/
   #display a........................................................................................./*瀏覽模式的超連結*/
   #display a:hover............................................................................./*瀏覽模式滑鼠移動到超連結上時*/
.article................................................................................................../*單篇文章*/
.article a.............................................................................................../*單篇文章的超連結*/
.article a:hover..................................................................................../*單篇文章滑鼠移動到超連結上時*/
.article-head........................................................................................./*文章標題+發表時間*/
.publish................................................................................................../*發表時間*/
   .month................................................................................................/*月*/
   .date................................................................................................../*日*/
   .dat..................................................................................................../*週*/
   .year.................................................................................................../*年*/
   .time.................................................................................................../*時*/
.title....................................................................................................../*文章標題*/
   .title h2............................................................................................/*文章標題*/
   .title h2 a........................................................................................./*文章標題的超連結*/
   .title h2 a:hover............................................................................../*文章標題滑鼠移動到超連結上時*/
   .title h2 img.............................................................................../*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/
.article-body........................................................................................./*文章內容區*/
   .bookmark........................................................................................../*加入書籤*/
   .article-content............................................................................../*文章內文*/
   .more................................................................................................../*繼續閱讀*/
   .more a.............................................................................................../*繼續閱讀的超連結*/
   .more a:hover.................................................................................../*繼續閱讀滑鼠移動到超連結上時*/
   .fans-club........................................................................................./*小圈圈討論*/
   .author............................................................................................../*發表作者和時間*/
   .farward............................................................................................/*轉寄文章*/
.article-footer..................................................................................../*文章附加資訊*/
.refer...................................................................................................../*文章分類*/
.history................................................................................................./*歷史上的今天*/
   .history h6......................................................................................../*歷史上的今天的標題*/
   .history ul........................................................................................./*文章分類*/
.back-to-top........................................................................................./*回到頁首*/
/*-----------------------------------------------------------*/
.main-list............................................................................................../*標題模式的文章列表*/
.main-list table.................................................................................../*表格*/
.main-list tr........................................................................................./*行*/
   .list-num.........................................................................................../*編號標題*/                                   
   .list-date........................................................................................../*發表時間標題*/
   .list-title........................................................................................./*文章標題標題*/
   .list-visit........................................................................................./*人氣標題*/
   .list-comment................................................................................../*回應標題*/                          
/*-----------------------------------------------------------*/
#user-post........................................................................................../*回應+引用區塊*/
#trackback-box.user-post-box......................................................../*引用區塊*/
#trackback-title.user-post-title.................................................../*引用區塊標題*/
   #trackback-title.user-post-title img......................................../*開合圖示*/                                        
   #trackback-title.user-post-title span....................................../*標題文字*/                                  
#trackback-url.................................................................................../*引用網址*/
   #trackback-input.........................................................................../*網址鈕*/
   input................................................................................................../*複製鈕*/               
#trackback-text.user-post-text.................................................../*所有引用區塊*/
.single-post........................................................................................../*單一引用*/
   .post-info........................................................................................./*引用者資訊*/
   .post-text......................................................................................../*單一引用內容*/
/*-----------------------------------------------------------*/                                               
#comment-box.user-post-box........................................................../*迴響區塊*/
#comment-title.user-post-title....................................................../*迴響區塊標題*/
   #comment-title.user-post-title img.........................................../*開合圖示*/   
   #comment-title.user-post-title span........................................./*標題文字*/   
.post-comment....................................................................................../*留下迴響*/
   .post-comment a.............................................................................../*留下迴響超連結*/
   .post-comment a:hover.................................................................... /留下迴響滑鼠移動到超連結上時*/
#comment-text.user-post-text......................................................./*所有迴響區塊*/
.single-post.........................................................................................../*單一迴響*/
.secret.................................................................................................../*悄悄話*/
.post-info............................................................................................../*回響者資訊*/
.post-info a.........................................................................................../*回響者資訊超連結*/
.post-info a:hover.............................................................................../*回響者資訊滑鼠移動到超連結上時*/
   .post-info b......................................................................................./*樓層數*/
   .post-info img .show-message/.hidden-message......................../*公開/隱藏迴響圖示*/
   .user-name......................................................................................../*迴響者名稱*/
   .post-info img.pixnet-user............................................................/*PIXNET會員圖示*/
   .home-page......................................................................................../*迴響者網址*/
   .post-info span.post-time............................................................./*留下迴響時間*/
   .show-message/.hide-message....................................................../*公開/隱藏*/
   .delete-message.............................................................................../*刪除迴響*/
   .reply-message................................................................................./*回覆迴響*/
   span.user-ip...................................................................................../*迴響者IP*/
.post-photo........................................................................................../*迴響者頭像*/
   .post-photo img.............................................................................../*迴響者頭像*/
.post-text............................................................................................/*單一迴響內容*/
.reply-text.........................................................................................../*回覆迴響內容*/
/*-----------------------------------------------------------*/
.page....................................................................................................../*頁數*/
.page a.................................................................................................../*頁數超連結*/
.page a:hover......................................................................................../*頁數滑鼠移動到超連結上時*/
.page span............................................................................................./*頁數文字*/
/*-----------------------------------------------------------*/