痞客模板CSS標籤詳細版 轉自★╮涵.苞.待.放╭☆
我只能說這東西真是太讚了!v( ̄︶ ̄)y
雖然官方已經釋出CSS架構圖,但因為是圖片,搜尋起來總有些麻煩,
有了這東西就方便多了^__^
( 感謝欽小涵整理 )


整個頁面

body /*整個介頁面*/
#body-div /*整個頁面*/
a /*超連結*/
a:hover /*滑鼠移動到超連結上時*/
#container /*所有內容區塊*/
#container2 /*所有內容區塊2*/
#container3 /*所有內容區塊3*/


後台管理列

#authority /*後台管理列*/
#newpost /*發表新文章*/
#backstage /*進入後台*/


橫幅

#header /*橫幅*/
#login-bar /*招呼語&登入登出*/
#banner /*橫幅主要內容*/
#banner h1 /*部落格標題*/
#banner .skiplink /*跳到主文*/
#banner h2 /*部落格描述*/
#blog-category /*部落格全站分類*/


其他服務頁面導覽

#navigation /*其他服務頁面導覽*/
#navigation a /*其他服務連結區塊內的所有連結*/
#navigation li /*其他服務連結區塊內的所有項目*/
#link-album /*相簿連結*/
#link-blog /*部落格連結*/
#link-guestbook /*留言版連結*/
#profile /*名片連結*/





文章公告版位

#spotlight /*公告版位*/
#spotlight h5 /*公告版位標題*/
#spotlight-text /*公告版位內容*/


文章主要內容區

#content  /*主要內容區*/
#article-area /*文章+列表+回應區塊*/
#article-box /*文章+列表區塊*/
.article-area-title /*文章+列表區塊之標題*/
#display /*瀏覽模式*/
#display span /*瀏覽方式這四個字*/{}
#display a /*標題列表/簡短摘要*/{}
.article-head /*文章標題+發表時間*/
.publish /*發表時間*/
.month /*月*/
.date /*日*/
.dat /*週*/
.year /*年*/
.time /*時*/
.title h2 a /*文章標題*/
.title h2 img /*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/{}
.article-body /*文章內容區*/
.bookmark /*加入書籤*/
.article-content /*文章內文*/
.more /*繼續閱讀*/
.fans-club /*小圈圈討論*/
.author /*發表作者和時間*/
.farward /*轉寄文章*/
.article-footer /*文章附加資訊*/
.refer /*文章分類*/
.history /*歷史上的今天*/
h6 /*歷史上的今天的標題*/
ul /*文章分類*/
.back-to-top /*回到頁首*/
.main-list /*標題模式的文章列表*/
table /*表格*/
tr /*行*/
.list-num /*標號標題*/
.list-date /*發表時間標題*/
.list-title /*文章標題標題*/
.list-visit /*人氣標題*/


文章回應及引用區

.list-comment /*回應標題*/
#user-post /*回應+引用區塊*/
#trackback-box.user-post-box /*引用區塊*/
#trackback-title.user-post-title /*引用區塊標題*/
.img /*開合圖示*/
.span /*標題文字*/
#trackback-url /*引用網址*/
#trackback-input /*網址鈕*/
.input /*複製鈕*/
#trackback-text.user-post-text /*所有引用區塊*/
.single-post /*單一引用*/
.post-info /*引用者資訊*/
.post-text /*單一引用內容*/
#comment-box.user-posy-box /*回響區塊*/
#comment-title.user-post-title /*回響區塊標題*/
.img /*開合圖示*/
.span /*標題文字*/
.post-comment /*留下回響*/
a /*留下回響超連結*/

#comment-text.user-post-text /*所有回響區塊*/
#user-post /*引用及回應列表全部的大範圍*/
#trackback-box /*僅引用區塊*/
#trackback-text /*引用內容區塊*/
#trackback-title /*引用列表標題*/
#trackback-box .single-post /*單一引用*/

.post-comment /*留下迴響*/
#comment-box /*僅回應列表*/
#comment-title /*回應列表標題*/
#comment-text /*回應內容區塊*/
#comment-box .single-post /*單一回應*/
.reply-message /*回覆回響*/
.user-ip /*回響者IP*/
.post-photo /*回響者頭像*/
.a img /*回響者頭像*/
.post-text /*單一回響內容*/
.lireply-text /*回覆回響內容*/
a /*留下回響超連結*/
.page /*頁數*/
.post-info /*回響者資訊*/
.b /*樓層數*/
.img.hidden-message /*公開/隱藏回響*/
.user-name /*回響者名稱*/
.img.pixnet-user /*PIXNET會員圖示*/
.home-page /*回響者網址*/
.span.post-time /*留下回響時間*/

.user-post-title /*引用列表標題+回應列表標題*/;
.user-post-text /*引用內容區塊+回應內容區塊*/
.single-post /*單一引用+單一回應*/
.post-info /*引用者資訊+回應者資訊*/
.post-text /*單一引用內容+單一回應內容*/
.post-text p /*單一引用標題+單一回應標題*/

.reply-text /*版主回覆內容*/
.reply-text p /*版主回覆資訊*/
.secret /*悄悄話*/
.show-message/a.hide-message /*公開/隱藏*/
.delete-message /*刪除回響*/

    全站熱搜

    smilejean 發表在 痞客邦 留言(0) 人氣()