首页 > 网站技术 > sdcms网站教程 时代sdcms网站模板网

SDCMS2.3评论插件代码说明

作者:时代sdcms网站模板网 更新:2015-01-24 21:08:36 评论 来源:sdcms模板 人气:388

内容页开启评论,必须使用的js和css代码;以下jscss代码必须按先后顺序放置,不然可能会失效:

<script>varwebroot="{webroot}";var infoid={rsshow[cid]};varcontenturl="{contenturl}";</script>    [必用]

{ifiscomment=1 and syscomment}<linkhref="{webroot}theme/default/css/comment.css"rel="stylesheet" type="text/css" />{/if}     [选用:这是评论部分的css代码]

(下面有全部的评论css代码,需补充完整)

<linkhref="{webroot}lib/css/base.css" rel="stylesheet"type="text/css" />  [必用:提示框的css代码]

<scriptsrc="{webroot}lib/js/jquery.js"type="text/javascript"></script>    [必用:ajax基础代码]

{if iscomment=1and syscomment}<script src="{webroot}lib/js/sdcms.comment.js"type="text/javascript"></script>{/if}    [必用:加载评论内容]

本脚本还含有[还可输入多少字符]功能,

<scriptsrc="{webroot}lib/js/base.js"type="text/javascript"></script>    [必用:(通用)提示框的js代码]

{if iscomment=1 and syscomment}的意思是判断是否允许发布评论,允许才显示。

以下是评论内容的代码,如果后台设置允许评论,将会出现评论内容:

放置在内容页模板代码中:

{ifiscomment=1 and syscomment}

<!--如果开启评论,展示评论 -->

<divclass="b mt10 w670">

<divclass="subject"><span><ahref="{webroot}plug/comment.asp?id={id}">更多>></a></span>网友评论</div>

<divclass="p10"><divid="commenttop"></div></div>

</div>

<divclass="b mt10 w670">

<divclass="subject">发表评论</div>

<divclass="p10">

<divid="comment_staus"></div>

</div>

</div>

{/if}

内容页的评论内容的div plug文件夹了的comment.asp中修改。


评论内容需要用到的comment.css代码的全部内容(系统自带的不完整)

@charset"utf-8";

.b{border:1pxsolid #B0D4EC;}

.mt10{margin-top:10px;}

.w670{width:670px;}

.p10{padding:10px;}

/*subject*/

.subject{background:url(../images/bg_title.gif)repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;padding:00 0 16px;}

.subjectspan{float:right;margin:0 10px 00;font-size:12px;font-weight:normal;font-family:宋体;}

.subjectspan a{color:#999;}

.subjectspan a:hover{color:#f30;}

.subject_user{background:url(../images/bg_title.gif)repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;text-align:center;}

.info_intro{padding:00 20px 0;line-height:22px;color:#666;}

.info_introp{margin:0 0 5px 0;padding:0;}

.info_intro.red{color:#f30;margin:0 5px;}

.comment{overflow:hidden;clear:both;margin-bottom:20px;}

.comment.face{float:left;width:60px;height:60px;}

.comment.text{border:1px solid #dadada;margin-left:70px;}

.comment.text .div{padding:10px 20px;}

.comment.text .div .icon{position:absolute;width:20px;height:20px;margin:6px 0 0-40px;background:url(../images/dot.gif) no-repeat top right;}

.comment.text .div .base{font-family:verdana;color:#000;border-bottom:1px dashed#ccc;line-height:30px;margin-bottom:10px;}

.comment.text .div .base span{float:right;color:#999;}

.comment.text .div .content{line-height:20px;}

.comment.text .div .reply{font-family:verdana;border-top:1px dashed#ccc;line-height:30px;margin-top:10px;color:#000;padding-top:5px;}

.comment.text .div .reply strong{color:#f60;}

.commentadd{margin:10px0;overflow:hidden;clear:both;}

.commentadd.face{float:left;width:60px;height:60px;}

.commentadd.text{overflow:hidden;margin-left:70px;}

.commentadd.text .div{padding:0 5px 0 0;}

.commentadd.text .div textarea{width:100%;_width:98%;border:1px solid #ccc;height:70px;overflow:auto;}

.commentadd.text span{color:#999;line-height:22px;clear:both;}

.commentadd.text #commentlen{color:#f30;}

.commentadd.input{margin:10px 0;font-size:14px;}

.commentadd.input a{color:#666;font-size:12px;}

.commentadd.input a:hover{color:#f30;font-size:12px;}

.commentadd.input .send{float:right;border:1px solid #ccc;background:#fff;padding:5px10px;_padding:3px 10px;margin:0;_margin:0 9px 00;vertical-align:middle;width:80px;}

.commentadd.input .ip{border:1px solid #ccc;width:80px;padding:5px10px;vertical-align:middle;}


时代sdcms网站模板 - 一个用心制作sdcms网站模板的网站

在这里,您不仅能购买到当下最优质的sdcms网站模板,同时也能为您提供sdcms程序修改、二次开发等功能定制,以及sdcms系统或模板bug修复,本站将全心全意为您提供完美服务和售后,欢迎收藏本站。