老张小站

  1. 欢迎光临

    感谢访问老张的博客!

  • 1
1,777

Discuz! X 修改提示信息的持续时间

分类 网站技术/村民张先生 发布于 2017-03-10 19:20
0

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

1、打开 static/js/common.js 文件,查找:

			showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');

替换为(增加一个判断):

		var msga = msg.substring(0,2);
		if(msga == '帐号' || msga == '密码') {
			showPrompt(null, null, '<i>' + msg + '</i>', 10000, 'popuptext2');
		} else {
			showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');
		}

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

2、打开当前模板目录下的 common/common.css 文件,查找:

	.popuptext .pc_r { background-position: -30px 0; }

在其下方增加:

	.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; }
	.popuptext2 .pc_c { width: 384px; background-position: 0 -108px; background-repeat: repeat-x; }
	.popuptext2 .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -230px; }
	.popuptext2 .pc_r { background-position: -85px -14px; }
	.popuptext2 .pc_inner i { font-size:14px; font-weight:bold; }

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

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

欢迎转载分享,转载请注明 来源:大张小站 https://www.zhang.cq.cn/20171759.html
若您喜欢这篇文章,欢迎订阅老张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。


欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截