Discuz X2为网站增加漂亮的用户感受调查页面【可匿名评论上传图片】

dly · 发表于 2011-10-1 15:07:20

很简单的一个小改善，但是能增加不少用户体验，本来可以做成插件的，但是想了下那么费劲干嘛，找到个更方便纯手动绿色的办法！

长期保持在左侧悬浮，代码是从淘宝那抠来的，简洁的很

141300ttv0d8vidi22pn2m.jpg.thumb.jpg

这是评论页的部分演示
要看演示点这里：http://vwu.cc/portal.php?mod=topic&topicid=3

看了演示喜欢的继续往下看：

到pinglun.la注册账号，获取代码，这个就不教了，免得说我打广告
到后台门户创建一个新的专题，记得勾选页头页尾，不想要的也行
创建成功后DIY添加一个自定义模块，把获取的评论啦代码添加到模块里
演示页上面的简介又是一个模块，跟代码是分开放的，喜欢的也能照着加一个
整个页面就利用两个DIY就完成了，下面的评论框完全是JS调用，个人觉得这个很方便，还可以匿名评价，后台可设置是否需要审核等等
增加左侧悬浮入口，在全局->网站第三方统计代码里面加下面的代码：
1. <style type="text/css">
2. .ue-survey { position:fixed; left:5px; top:50%; width:24px; border:1px solid #bbb; background-color:#fff; _position:absolute; }
3. .ue-survey p { border-width:1px 1px 0; border-style:solid; border-color:#fff; }
4. .ue-survey p b { padding:5px 0; display:block; font-weight:400; line-height:110%; text-align:center; }
5. .ue-survey a { color:#666; }
6. .ue-survey a:hover { color:#369; text-decoration:none; outline:none; }
7. .ue-survey em { float:right; margin:0 2px 2px 0; font-size: 0; line-height:0%; width:0; border-bottom:4px solid #bbb; border-left:4px solid #fff; _display:inline; _position:relative; }
8. </style>
9. <div class="ue-survey">
10. <p><b><A title=说说我对珠海为伍网的感受 href="http://vwu.cc/portal.php?mod=topic&topicid=3" target=_blank><FONT color=#888888>说说我对珠海为伍网的感受</FONT></A></b></p>
11. <em></em>
12. </div>
复制代码
当然喜欢加在别的地方都可以，不过我觉得这些东西放在页尾最后加载会比较好

这样就完成了！很简单的东西，但是可以给用户不一样的感觉！

有更好的建议欢迎讨论~分享是美德！顶帖是素质！

[代码修改] Discuz X2为网站增加漂亮的用户感受调查页面【可匿名评论上传图片】

相关帖子

[代码修改] Discuz X2为网站增加漂亮的用户感受调查页面【可匿名评论 上传图片】

相关帖子

[代码修改] Discuz X2为网站增加漂亮的用户感受调查页面【可匿名评论上传图片】