文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>百度空间留言板代码

百度空间留言板代码

时间:2007-06-23  来源:oge

过仔细分析,现整理如下,供大家参考:

#spBCmtText   添加留言文本框部分

#spBCmtAuthor 未登陆状态下留言者部分

#spBCmtURL  未登陆状态下留言者地址部分

#in_msg           留言主体部分

#in_msg DIV.tit  留言标题

#in_msg DIV.user 留言人名

#in_msg DIV.user A  留言人名 (链接)

#in_msg DIV.user A:visited   点击链接后的状态

#in_msg span.date  留言日期部分

#in_msg DIV.desc 留言内容部分

#in_msg DIV.line  留言分界线部分

#in_msg td  留言者顺序(具体应该是index才对吧,不过我用这个也行啊)

            如果有错误的地方希望大家指出来,谢谢!

和默认的代码不大一样,不过能改的地方好象基本能改,效果见我的留言板

默认的留言板代码如下:直接复制自: 壹路嚎叫

#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-border-top:1px solid #D2E9F4}

补充:

大家改模版的时候要注意,留言板的首页样式是追加在最新评论区(#m_comment)后面的,而内部页面是追加在用户评论区(#in_send)后面的,所以有些改动可能会影响原来的模板样式。
  

/******留言板******/
#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参考一下。

  由于留言板内部页面与评论区域的代码交叉嵌套,因此在设计模板时应注意语句的先后顺序,这一点在monyer的《致Baiduer CSS初学者》中已详细指出。下面给出评论区与留言区的建议语句排序:

/******内部发表评论区域******/
#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代码为:

...
<td class="f14">姓 名:</td>
<td><input type="text" name="spBCmtAuthor" id="spBCmtAuthor" style="width:220px" onKeyDown="cont(this,50);" onKeyUp="cont(this,50);" maxlength="49"></td>
...

  因此,input.#spBCmtAuthor{}的写法比#spBCmtAuthor{}更为精确。 另外,#in_send input{} 可用来控制留言板“姓名”单选框的样式。但一定要把它提到最前,否则,会干扰姓名、网址等输入框的样式。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载