﹤教學﹥新留言板架構解析 ｡

11/08/2008 000 1 Comments

▶ 本文引用自 Theme Studio - 新留言板架構解析

　

/*-------------------------------------------------------------

ThemeStudio

-------------------------------------------------------------*/

body {}

#bigcontainer {}　/* 留言板整體 */

　　　　#container {}　/* 整體 */

　　　　#extraDiv3 {}　/* 額外區塊 */

　　　　#extraDiv4 {}　/* 額外區塊 */

　

/*container _整體

-------------------------------------------------------------*/

#ad_gbook {}　/* 橫幅廣告 */

#header {}　/* 表頭 */

　　　　#header h1 a {}　/* 留言板標題 */

　　　　#description {}　/* 留言板描述 */

#main {}　/* 主要區塊 */

　　　　#content {}　/* 本文 */

　　　　#sidebar {}　/* 邊欄資訊 */

#footer {}　/* 頁尾 */

#extraDiv1 {}　/* 額外區塊 */

#extraDiv2 {}　/* 額外區塊*/

　

/*content _顯示留言大區塊

-------------------------------------------------------------*/

ul#main_tab {}　/* 留言分類大框 */

　　　　#tab_normal {}　/* 一般 */

　　　　#tab_pursuance {}　/* 追蹤 */

　　　　#tab_notice {}　/* 通知 */

　　　　#tab_bulletin {}　/* 系統 */

　　　　#main_tab .hover {}　/* 目前所在分類 */

　　　　　　　　#main_tab .hover a {}　/* 目前所在分類的字 */

a.message {}　/* 我要留言 */

#mainSection {}　/* 留言區整體*/

　

/*mainSection _留言區整體

-------------------------------------------------------------*/

#search {}　/* 搜尋 */

ul#page_control_top {}　/* 上排頁數 */

#msg_list {}　/* 留言區主體 */

ul#page_control_bottom {}　/* 下排頁數 */

.page_control {}　/* 頁數共用標籤*/

　

/*msg_list _留言區主整

-------------------------------------------------------------*/

ul.msg_body {}　/* 一整篇留言 */

　　　　li.msg_content {}　/* 留言區塊 */

　　　　　　　　ul li.msg_img {}　/* 大頭貼 */

　　　　　　　　　　　　.msg_man span {}　/* 「留言人」字樣 */

　　　　　　　　　　　　.msg_man {}　/* 留言帳號 */

　　　　　　　　　　　　.msg_man img {}　/* 帳號圖示 */

　　　　　　　　　　　　.msg_title span {}　/* 「主題：」字樣 */

　　　　　　　　　　　　.msg_title {}　/* 留言主題 */

　　　　　　　　　　　　.msg_title img {}　/* 悄悄話圖示 */

　　　　　　　　　　　　.msg_date span {}　/* 「留言時間」字樣 */

　　　　　　　　　　　　.msg_date {}　/* 留言時間 */

　　　　　　　　　　　　.msg_word span {}　/* 「留言內容」字樣 */

　　　　　　　　　　　　.msg_word strong {}　/* 留言內容 */

　　　　　　　　　　　　.msg_info span {}　/* 留言資訊 */

　　　　　　　　　　　　　　　　.email_icon {}　/* mail圖示 */

　　　　　　　　　　　　　　　　.url_icon {}　/* 網址圖示 */

　　　　　　　　　　　　.msg_ip span {}　/* 「來源」字樣 */

　　　　　　　　.msg_ip {}　/* ip */

　　　　li.reply_content {}　/* 版主回覆區塊 */

　　　　　　　　.reply_word span {}　/* 「版主回覆」字樣 */

　　　　　　　　.reply_word strong {}　/* 回覆內容 */

　　　　　　　　.reply_date span {}　/* 「回覆時間」字樣 */

　　　　　　　　.reply_date {}　/* 回覆時間 */

　　　　div.comments-reply-edit {}　/* 回覆表單*/

　　　　　　　　#do_comments-reply-edit {}　/* 回覆打字區 */

　　　　li.msg_control {}　/* 修改 刪除 設為 整體框 */

　　　　　　　　li.msg_control li a {}　/* 三個控制留言鈕 */

　

/*-------------------------------------------------------------

msg_list _留言區主體/我要留言頁

------------------------------------------------------------- */

#msg_added {}　/* 我要留言頁之特定標籤 */

　　　　#msg_added h2{display:none}　/* 我要留言字樣 */

　　　　　　　　#msg_added .msg_body {}　/* 留言頁本文*/

　

/*-------------------------------------------------------------

#msg_added .msg_body _我要留言頁之留言本文

-------------------------------------------------------------*/

#msg_added ul li.add_img {}　/* 留言人頭像 */

#msg_added .add_title {}　/* XXX的留言 */

#msg_added .add_name {}　/* 留言人帳號 */

#msg_added .msg_body li input {}　/* 輸入欄 */

#msg_added #content_data {}　/* 打字欄 */

#msg_added .msg_body li {}　/* 留言項目 */

#msg_added .msg_body li span {}　/* 留言項目文字ex:悄悄話 主題 留言內容*/

　

/*sidebar _邊欄資訊

------------------------------------------------------------- */

#mine {}　/* 我的區塊 */

　　　　div#namecard {}　/* 名片 */

#admin {}　/* 管理資訊 */

#info {}　/* 留言板狀態 */

#action {}　/* 打招呼連連看 */

#friendlist select#friendlist {}　/* 好友列表 */

#lrec_ad {}　/* 廣告 */

#musicplayer #music {}　/* 音樂 */

#counter {}　/* 人氣 */

#stats {}　/* 一般留言數 */

　　　　.totalmsg {}　/* 累積留言數 */

#sidebar .box {}　/* 邊欄各個區塊之共用標籤_mine不包含*/

　

/*namecard _名片

------------------------------------------------------------- */

#myImg img {}　/* 大頭貼 */

#myName {}　/* 連結帳號 */

#myInfo {}　/* 我的資訊 */

　　　　.myNick {}

　　　　.myDesc {}

ul#myService {}　/* 個人服務 */

　　　　#myMypage {}　/* 首頁 */

　　　　#myAlbum {}　/* 相簿 */

　　　　#myBlog {}　/* 網誌 */

　　　　#myGbook {}　/* 留言 */

　　　　#myUser {}　/* 名片 */

　　　　#myFriend {}　/* 好友 */

　　　　#myVideo {}　/* 影音*/

　

　

這是我有稍微整理過的，因為我貼在網誌裡嘛 ..

如果你要複製可以到原文那邊噢，那又附上記事本網址可以複製。