Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[发布] 仿淘宝网回顶部、添加评论图标分享

[复制链接]
noqiya 发表于 2011-12-29 14:26:43 | 显示全部楼层 |阅读模式
官方的不太好看,闲着无聊分享淘宝网的给大家,效果如图:


演示:http://www.52hhit.cn/thread-6344-1-1.html
注:添加评论需要安装官方的插件“发帖直通车”,安装详见https://discuz.dismall.com/forum.php?mod=viewthread&tid=2566530

1、若您没有对官方common.css、extend_module.css做过修改,请直接上传压缩包内的三个文件夹到论坛根目录,覆盖即可(包含css、图标图片)
2、若您修改过这两个css,请参照下面进行修改,图标文件在压缩包根目录,替换掉相应的图片文件即可:
红色为修改的部分
回顶部图标:
修改文件template/default/common/common.css
#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0 0; width: 22px; height: 75px;
background: url({IMGDIR}/scrolltop.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor: pointer; }

添加评论:
修改文件source/plugin/vfastpost/template/extend_module.css
/** forum::viewthread,group::viewthread **/
#vfpop_menu{ visibility: hidden; position: fixed; bottom: 167px; display: block; margin: -30px 0 0; width: 22px; height: 99px;
background: url(../../source/plugin/vfastpost/image/vpopup.png) no-repeat 50% 0; line-height: 999px; overflow: hidden; cursor:
pointer; }



回复

使用道具 举报

ppcynt 发表于 2011-12-29 14:29:14 | 显示全部楼层
回复

使用道具 举报

gnchw 发表于 2011-12-29 14:38:09 | 显示全部楼层
感觉好像没有默认的协调.
回复

使用道具 举报

 楼主| noqiya 发表于 2011-12-29 14:42:13 | 显示全部楼层
gnchw 发表于 2011-12-29 14:38
感觉好像没有默认的协调.

呵呵,我是复制淘宝的。。。
回复

使用道具 举报

abcnic 发表于 2011-12-29 14:58:53 | 显示全部楼层
小小的改动就变的更实用呢
回复

使用道具 举报

hui8k 发表于 2011-12-29 14:59:58 | 显示全部楼层
gbgfbfg
回复

使用道具 举报

zu77 发表于 2011-12-29 15:03:56 | 显示全部楼层
tgsrtfgvsfdr
回复

使用道具 举报

sunhai520 发表于 2011-12-29 15:11:28 | 显示全部楼层
安装 快捷回复插件后  自动就有了
何须那么复杂
回复

使用道具 举报

st.king 发表于 2011-12-29 15:25:29 | 显示全部楼层
官方也有,为什么用淘宝的?多此一举
回复

使用道具 举报

maikongjian13aa 发表于 2011-12-29 15:25:32 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-11 10:19 , Processed in 0.119141 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表