百度空間首頁留言板代碼

/******留言板******/

#mod_board.mod{} /*留言板模塊*/

#mod_board table.modth{} /*以下6項如果不設定則繼承通用模塊的樣式*/

#mod_board td.modtl{}

#mod_board div.modhead{}

#mod_board span.modtit{}

#mod_board td.modtc{}

#mod_board td.modtr{}

/*其它代碼與最新評論區完全相同，可以用#mod_board罩著修改，但壹定要放到評論區代碼的後面才能生效*/

/******留言板內部頁面******/

#spBCmtAuthor{} /*留言姓名輸入框*/

#spBCmtURL{} /*留言網址輸入框*/

#spBCmtText{} /*留言輸入框*/

#vercode input{} /*驗證碼輸入框*/

#in_send td.f14 input{} /*添加留言按鈕*/

#in_msg {} /*留言區*/

#in_msg div.tit{} /*留言區標題*/

#in_msg a{} /*留言區鏈接*/

#in_msg a:hover{} /*懸停效果*/

#in_msg td.index{} /*留言序號*/

#in_msg div.user{} /*留言用戶*/

#in_msg div.user a img{} /*用戶頭像*/

#in_msg div.user a:hover img{} /*懸停效果*/

#in_msg td.cnt{} /*留言時間*/

#in_msg div.desc{} /*留言內容*/

#in_msg div.line{} /*分界線*/

p.s. CSS初學者可以略過下面的內容，建議CSSer參考壹下。

由於留言板內部頁面與評論區域的代碼交叉嵌套，因此在設計模板時應註意語句的先後順序，下面給出評論區與留言區的建議語句排序：

/******內部發表評論區域******/

#in_send{} /*發表評論區域背景*/

#in_send input{} /*內部發表評論及留言區域的輸入區，包括單選框、文本框和按鈕*/

#in_send div.tit{} /*發表評論標題*/

#in_send table{} /*發表評論內容*/

#in_send td.f14{} /*提示語*/

input.#spBlogCmtor{} /*姓名輸入框*/

input.#spBlogCmtURL{} /*網址輸入框*/

#spBlogCmtText{} /*評論輸入框*/

/******留言板內部頁面******/

input.#spBCmtAuthor{} /*留言姓名輸入框*/

input.#spBCmtURL{} /*留言網址輸入框*/

#spBCmtText{} /*留言輸入框*/

#vercode input{} /*驗證碼輸入框*/

#in_send td.f14 input{} /*留言按鈕*/

#in_msg{} /*留言區*/

#in_msg div.tit{} /*留言區標題*/

#in_msg a{} /*留言區鏈接*/

#in_msg a:hover{} /*懸停效果*/

#in_msg table.item{} /*留言列表*/

#in_msg td.index{} /*留言序號*/

#in_msg div.user{} /*留言用戶*/

#in_msg div.user a img{} /*用戶頭像*/

#in_msg div.user a:hover img{} /*懸停效果*/

#in_msg td.cnt{} /*留言時間*/

#in_msg div.desc{} /*留言內容*/

#in_msg div.line{} /*分界線*/

其中部分代碼與之前給出的代碼略有出入（例如input.#spBCmtAuthor{}），這是因為相關的html代碼為：

...

...

因此，input.#spBCmtAuthor{}的寫法比#spBCmtAuthor{}更為精確。另外，#in_send input{} 可用來控制留言板“姓名”單選框的樣式。但壹定要把它提到最前，否則，會幹擾姓名、網址等輸入框的樣式

默認的留言板代碼如下：

#in_msg{width:710px}

#in_msg div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}

#in_msg .item td.index{width:40px;font-weight:bold}

#in_msg .item div.user{width:150px;color:#333333;}

#in_msg .item div.user a{color:#3399CC;font-size:12px}

#in_msg .item div.user a:visited{color:#3399CC}

#in_msg .item div.user img{margin-bottom:5px}

#in_msg .item td.cnt a{color:#3399CC;font-size:12px}

#in_msg .item td.cnt a:visited{color:#3399CC}

#in_msg span.date{color:#666666;font-size:12px}

#in_msg div.desc{margin-top:5px;color:#333333;font-size:12px}

#in_msg div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}

上一篇:企业管理制度汇编

下一篇:電位器分幾種類型