修改提示信息的持续时间

建筑资源吧

实现效果：由于部分提示信息较小，且显示时间极短，例如登录失败提示，很多人登录失败时可能并没有留意到该提示信息，所以进行以下调整，将部分提示信息的显示时间延长至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、将此背景图片上传到你的模板图片目录（点击放大后再保存）。

youyon

图片有水印啊，能不能上传个无水印版本？

风继续吹

打包再上传吧。

yehui2512

这个有道理，建议官方收纳在新更新里