【原创】一个不需要动程序的活动结束提示

emeok · 发表于 2012-3-26 10:29:24

本帖最后由 emeok 于 2012-3-26 10:32 编辑

今天有会员给我一个建议，怎么网站的活动结束了。没有提示的啊。应该加个“活动结束”的提示上去啊。

我看了看viewthread_activity.htm页面的代码，一开始想修改判断来做一个提示上去，但突然发现，原来可以直接CSS搞定。

效果如下图：

修改方法：
1、打开所以模板下面forum里面的viewthread_activity.htm文件
在的上面加入以下代码
<div class="signdown">活动结束</div>

2、把模板下面的common.css原先的.signUp修改为
.signUp { border:none; cursor:pointer;background: url({IMGDIR}/signUp.png) no-repeat top transparent;display: block;height: 43px;margin-top:-43px;text-indent: -10000px;width: 128px;z-index:1}

3、加入活动结束提示css，如下：
.signdown { border:none;background: url({IMGDIR}/signUp.png) no-repeat bottom transparent;display: block;height: 43px;margin-top: 12px;text-indent: -10000px;width: 128px;}

4、把附件的图片传到static\image\common下面即可。

这个功能其实就是灵感是这样的，活动过去之后，报名按钮是直接隐藏了。我就在报名按钮的隐藏代码上面，加入活动结束的css，就是signdown，这个是一直存在的，只是当活动进行中的时候，遮住了活动结束按钮而已。当活动结束，报名按钮也不见了。自然就显示活动结束按钮了。。。

abcnic · 发表于 2012-3-26 10:36:03

技术帖沙发支持

梦中的紫藤萝 · 发表于 2012-3-26 10:48:29

顶，不错啊。。

坚定信心 · 发表于 2012-3-26 11:24:32

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

指纹 · 发表于 2012-3-26 11:28:25

支持

7994756 · 发表于 2012-3-26 11:33:53

家庭健身网：
www.jiajs.com

emeok · 发表于 2012-3-26 16:18:32

以后是时候陆续发布一下原创帖了，在论坛里有时候搜索好多东西。都是找不到。

酷酷小猎人 · 发表于 2012-3-26 20:39:24

楼主不错，多出原创小改。

你在哪里 · 发表于 2012-3-26 21:24:31

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

emeok · 发表于 2012-3-27 22:51:19

你在哪里发表于 2012-3-26 21:24
很好！很强大！

谢谢支持

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

[发布] 【原创】一个不需要动程序的活动结束提示

本帖子中包含更多资源