查看: 92|回复: 3

[教程] 修改提示信息的持续时间

[复制链接]

14

主题

24

回帖

0

积分

积极分子

金币
24
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-2-19
发表于 2019-7-13 19:38:34 | 显示全部楼层 |阅读模式


实现效果:由于部分提示信息较小,且显示时间极短,例如登录失败提示,很多人登录失败时可能并没有留意到该提示信息,所以进行以下调整,将部分提示信息的显示时间延长至10秒,加大字号,放大背景图片。

1、打开 static/js/common.js 文件,查找:
  1. showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');

替换为(增加一个判断):
  1.   var msga = msg.substring(0,2);
  2.                 if(msga == '帐号' || msga == '密码') {
  3.                         showPrompt(null, null, '<i>' + msg + '</i>', 10000, 'popuptext2');
  4.                 } else {
  5.                         showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');
  6.                 }

说明:将代码中的文字改为你需要调整显示时间、样式的提示信息的前两个字。有选择地改动,避免全站调整。

2、打开当前模板目录下的 common/common.css 文件,查找:
  1. .popuptext .pc_r { background-position: -30px 0; }

在其下方增加:
  1. /* 用于文字提示等弹出层提示放大文字延长时间 */
  2.         .popuptext2 .pc_l,.popuptext2 .pc_c,.popuptext2 .pc_inner,.popuptext2 .pc_r { height: 76px; line-height: 76px; background: url({IMGDIR}/popuptext_bg_2.png) no-repeat -5px -15px; }
  3.         .popuptext2 .pc_c { width: 384px; background-position: 0 -108px; background-repeat: repeat-x; }
  4.         .popuptext2 .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -230px; }
  5.         .popuptext2 .pc_r { background-position: -85px -14px; }
  6.         .popuptext2 .pc_inner i { font-size:14px; font-weight:bold; }

3、上传覆盖,更新缓存。

4、将此背景图片上传到你的模板图片目录(点击放大后再保存)。


提示, 信息, 部分, 显示, 时间
popuptext_bg_2.png
回复

使用道具 举报

0

主题

6

回帖

0

积分

积极分子

金币
6
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-7-15
发表于 2019-7-23 16:02:49 | 显示全部楼层
图片有水印啊,能不能上传个无水印版本?
回复

使用道具 举报

2

主题

9

回帖

0

积分

积极分子

金币
9
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2011-8-3
发表于 2019-7-22 08:18:47 | 显示全部楼层
打包再上传吧。
回复

使用道具 举报

1

主题

28

回帖

0

积分

积极分子

金币
28
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-11-3
发表于 2019-7-13 20:13:53 | 显示全部楼层
这个有道理,建议官方收纳在新更新里
回复

使用道具 举报

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

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部