您的位置首页生活百科

百度空间首页留言板代码

百度空间首页留言板代码

/******留言板******/ #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}