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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
emeok 发表于 2012-3-26 10:29:24 | 显示全部楼层 |阅读模式
本帖最后由 emeok 于 2012-3-26 10:32 编辑

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

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

效果如下图:


修改方法:
1、打开所以模板下面forum里面的viewthread_activity.htm文件
在<!--{if $post['invisible'] == 0}-->的上面加入以下代码
<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,这个是一直存在的,只是当活动进行中的时候,遮住了活动结束按钮而已。当活动结束,报名按钮也不见了。自然就显示活动结束按钮了。。。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
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
很好!很强大!

谢谢支持
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-15 22:27 , Processed in 0.027741 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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