您现在的位置: 点击南开 >> 技术学院 >> 百度空间 >> 文章正文
 加入亚洲交友中心,与心爱的MM聊天  
百度空间留言板代码
作者:admin   文章来源:本站原创   点击数:   更新时间:2007-3-8          ★★★★★
载入中...
留言板的首页样式是追加在最新评论区(#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{} 可用来控制留言板“姓名”单选框的样式。但一定要把它提到最前,否则,会干扰姓名、网址等输入框的样式。

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 
  • 上一篇文章:

  • 下一篇文章:
  • 载入中...
    百度空间推荐文章
    固顶文章 [百度空间]百度空间CSS代码精选
    推荐文章 [百度空间]百度空间留言板代码
    推荐文章 [百度空间]百度空间新手教程…61.CSS鼠标
    推荐文章 [百度空间]百度空间新手教程…16.添加多
    推荐文章 [百度空间]百度空间新手教程…14.添加自
    推荐文章 [百度空间]百度空间新手教程…7.更换主体
    推荐文章 [百度空间]百度空间新手教程…4.CSS代码
    推荐文章 [百度空间]百度空间新手教程…2.百度空间
    推荐文章 [百度空间]百度空间新手教程…1.让你看懂
    推荐文章 [百度空间]百度空间最新CSS技巧归纳总结
    推荐文章 [百度空间]百度空间技巧-让你的背景,BAN
    推荐文章 [百度空间]百度空间技巧各模块添加滚动条
    推荐文章 [百度空间]百度空間--空间页面CSS说明
    推荐文章 [百度空间]百度空间里添加自己的LOGO
    推荐文章 [百度空间]百度空间技巧4-css详细说明
    百度空间热门文章
    固顶文章 [百度空间]百度空间CSS代码精选
    普通文章 [百度空间]百度空间新手教程…81.教你怎
    普通文章 [百度空间]百度空间新手教程…80.如何加
    普通文章 [百度空间]百度空间新手教程…78.百度空
    普通文章 [百度空间]百度空间新手教程…73.用CSS进
    普通文章 [百度空间]百度空间新手教程…70.教你10
    普通文章 [百度空间]百度空间新手教程…69.如何在
    普通文章 [百度空间]百度空间新手教程…67.在你的
    普通文章 [百度空间]百度空间新手教程…66.基本颜
    普通文章 [百度空间]百度空间新手教程…65.怎么去
    普通文章 [百度空间]百度空间新手教程…64.空间模
    普通文章 [百度空间]百度空间新手教程…63.为<好友
    推荐文章 [百度空间]百度空间新手教程…61.CSS鼠标
    普通文章 [百度空间]百度空间新手教程…58.背景图
    普通文章 [百度空间]百度空间新手教程…57.Iframe
    加入亚洲交友中心,与心爱的MM聊天
    相关内容
    如何为友情链接增加一个滚动条
    教你如何制作个性化的标题栏
    教你如何把QQ空间里的鼠标弄到百度空间
    百度空间增加“留言板”
    百度空间“背景音乐”升级了
    百度空间新手教程…81.教你怎样让背景自
    百度空间新手教程…80.如何加上一个个性
    百度空间新手教程…78.百度空间常见27个
    百度空间新手教程…73.用CSS进行百度空
    百度空间新手教程…70.教你10个你未必知
    论坛新帖
    论坛新帖载入中...
    新 闻 TOP 10
    推荐文章“我的空间我作主”个112
    - 设为首页 - 加入收藏 - 关于我们 - 网站地图 - 版权申明 - 联系我们 -

    Copyright © 2000-2006 Nkcn.Net All Rights Reserve.

    网站关键词:搜索引擎优化,SEO优化,网页特效,QQ空间技巧,QQ空间代码,百度空间技巧百度空间代码百度空间CSS代码装扮百度空间动易2006 sp5破解版动易2007破解版,个性百度空间,动易常见问题,动易采集标签,动易美化,动易模板,wap建站技巧,系统进程,动易新手帮助,网络营销,网络赚钱,QQ快讯,QQ空间模块,QQ空间大图,QQ密码找回,QQ经典贴图,QQ签名,QQ个性情侣网名,国外免费空间,国内免费空间,ASP免费空间,国外虚拟主机评测,国内虚拟主机评测,危险进程,企业信息化解决方案,,google动态,百度动态,Alexa排名,seo教程,seo工具,DMOZ技巧,网站登录,国外SEO,天津搜索引擎优化,应用程序进程,常用特效,QQ图像工具,搜索引擎常识
    津ICP备05015468号