仿官网帖子阅读页快速回复修改教程！【2011-12-12更新】

chen345210 · 发表于 2011-12-10 02:14:04

本帖最后由 chen345210 于 2011-12-12 19:39 编辑

今天在官网，看到快速回复这个功能！感觉还不错！

就抽出时间怎加了这个功能！

下面给大家发个修改教程！是修改教程哦！不是插件的！

演示：http://bbs.7drt.com/thread-2885-1-1.html

效果：

修改方法：

打开viewthread_node.htm文件！

路径：template/你的风格目录/forum/viewthread_node.htm文件
搜索：

复制代码

在下面增加以下代码：

<div id="vfastpost">
<div id="vfpopup" class="container xi3" style="">
</div>
<form method="post" autocomplete="off" id="vfastpostform" action="forum.php?mod=post&action=reply&fid=$post[fid]&tid=$post[tid]&fromvf=1&replysubmit=yes&infloat=yes&handlekey=vfastpost">
<input type="hidden" name="formhash" value="{FORMHASH}" />
<table cellspacing="0" cellpadding="0" id="vfastposttb">
<tr>
<td id="vf_l" style=""></td>
<td id="vf_m" style=""><input type="text" name="message" id="vmessage" onKeyDown="seditor_ctlent(event, '$(\'vfastpostform\').submit()');"/></td>
<td id="vf_r" style=""></td>
<td id="vf_b" style=""><button type="submit" class="pn pnc" name="replysubmit" id="vreplysubmit" value="true" style="">post_newreply</button></td>
</tr>
</table>
</form>
</div>
<script type="text/javascript" reload="1">
var vf_tips = '楼主的帖子怎么样？赶紧试试这里的快速回复给楼主点评论吧';
$('vmessage').value = vf_tips;
$('vmessage').style.color = '#CDCDCD';
$('vmessage').onclick = function() {
if($('vmessage').value==vf_tips) {
$('vmessage').value='';
$('vmessage').style.color="#000";
}
ajaxget('plugin.php?id=vfastpost:stat&subop=stat&ac=cl_vf_first&hash=11473ccdedcb61a062dab044f54b14b9', '');
}
$('vmessage').onblur = function() {
if(!$('vmessage').value) {
$('vmessage').value=vf_tips;
$('vmessage').style.color="#CDCDCD";
}
}
$('vreplysubmit').onclick = function() {
if($('vmessage').value == vf_tips) {
return false;
}
}
$('vf_known').onclick = function() {
$('vfpopup').style.display = 'none';
setcookie('vfastpost', 1, 86400*7);
}
</script>

复制代码

然后打开css文件
路径：template/你的风格目录/common/common.css文件
在末尾添加以下属性代码：

/*快速回复CSS*/
#vfastpost {
POSITION: relative; PADDING-BOTTOM: 3px; MARGIN: 10px 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BACKGROUND: #e5edf2; PADDING-TOP: 3px
}
#vfastpost TD {
HEIGHT: 38px
}
#vfastpost #vf_l {
WIDTH: 5px; BACKGROUND: url({IMGDIR}/v.png) no-repeat -30px -39px
}
#vfastpost #vf_m {
BACKGROUND: url({IMGDIR}/v.png) repeat-x 0px -79px
}
#vfastpost #vf_m INPUT {
BORDER-BOTTOM: white 1px solid; BORDER-LEFT: white 1px solid; OUTLINE-STYLE: none; WIDTH: 100%; FONT-SIZE: 14px; BORDER-TOP: white 1px solid; BORDER-RIGHT: white 1px solid
}
#vfastpost #vf_r {
WIDTH: 10px; BACKGROUND: url({IMGDIR}/v.png) no-repeat -47px -119px
}
#vfastpost #vf_b {
WIDTH: 120px
}
#vfastpost #vf_b BUTTON {
BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 100px; MARGIN: 0px; BORDER-LEFT-STYLE: none; PADDING-LEFT: 0px; WIDTH: 120px; PADDING-RIGHT: 0px; DISPLAY: block; BORDER-TOP-STYLE: none; BACKGROUND: url({IMGDIR}/v.png) no-repeat 0px 0px; HEIGHT: 38px; BORDER-RIGHT-STYLE: none; OVERFLOW: hidden; PADDING-TOP: 0px
}

复制代码

最后将图片文件上传到你的风格image文件夹下：

有好多会员反馈说不显示图片，这个原因是图片放错路径导致的！

注意：如果你使用的是默认模板。默认的路径是static/image/common/
如果不是使用的默认模板。请将图片上传你当前模板的image文件里！
不知道路径的，可以查看一下你的发帖按钮图片放在那里，你就放在哪个位置！

默认路径：static/image/common/

图片下载：

上传不了附件，点击这个链接然后图片另存为
https://discuz.dismall.com/source/plugin/vfastpost/image/v.png

然后进入后台更新缓存！

这样就OK了！

很简单把！嘿嘿！！！！

chen345210 · 发表于 2011-12-10 02:14:52

怎么附件没法上传啊

chen345210 · 发表于 2011-12-10 02:24:19

本帖最后由 chen345210 于 2011-12-18 15:25 编辑

仿Discuz官方右侧添加评论修改教程 For X2
http://bbs.7drt.com/thread-3015-1-2.html

J.ason · 发表于 2011-12-10 03:01:48

提示: 作者被禁止或删除内容自动屏蔽

家俊 · 发表于 2011-12-10 03:06:59

頂上

zyroom · 发表于 2011-12-10 03:09:10

不错。支持

kisslbz · 发表于 2011-12-10 03:23:57

不错。支持

chen345210 · 发表于 2011-12-10 04:30:41

本帖最后由 chen345210 于 2011-12-12 17:23 编辑

:victory:

有好多会员反馈说不显示图片，这个原因是图片放错路径导致的！

注意：如果你使用的是默认模板。默认的路径是static/image/common/
如果不是使用的默认模板。请将图片上传你当前模板的image文件里！
不知道路径的，可以查看一下你的发帖按钮图片放在那里，你就放在哪个位置！

hugang · 发表于 2011-12-10 04:40:01

大大乔侨 · 发表于 2011-12-10 05:52:35

支持

		自动登录	找回密码
密码			立即注册

[发布] 仿官网帖子阅读页快速回复修改教程！【2011-12-12更新】

评分