修改提示信息的持续时间
<br /><br />实现效果:由于部分提示信息较小,且显示时间极短,例如登录失败提示,很多人登录失败时可能并没有留意到该提示信息,所以进行以下调整,将部分提示信息的显示时间延长至10秒,加大字号,放大背景图片。<br /><br />1、打开 static/js/common.js 文件,查找:<br /><ol><li>showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');</ol><br />替换为(增加一个判断):<br /><ol><li> var msga = msg.substring(0,2);<br /><li> if(msga == '帐号' || msga == '密码') {<br /><li> showPrompt(null, null, '<i>' + msg + '</i>', 10000, 'popuptext2');<br /><li> } else {<br /><li> showPrompt(null, null, '<i>' + msg + '</i>', closetime * 1000, 'popuptext');<br /><li> }</ol><br />说明:将代码中的文字改为你需要调整显示时间、样式的提示信息的前两个字。有选择地改动,避免全站调整。<br /><br />2、打开当前模板目录下的 common/common.css 文件,查找:<br /><ol><li>.popuptext .pc_r { background-position: -30px 0; }</ol><br />在其下方增加:<br /><ol><li>/* 用于文字提示等弹出层提示放大文字延长时间 */<br /><li> .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; }<br /><li> .popuptext2 .pc_c { width: 384px; background-position: 0 -108px; background-repeat: repeat-x; }<br /><li> .popuptext2 .pc_inner { white-space: nowrap; text-align: center; width: auto; background-position: 50% -230px; }<br /><li> .popuptext2 .pc_r { background-position: -85px -14px; }<br /><li> .popuptext2 .pc_inner i { font-size:14px; font-weight:bold; }</ol><br />3、上传覆盖,更新缓存。<br /><br />4、将此背景图片上传到你的模板图片目录(点击放大后再保存)。<br /><br /><br />提示<em>, </em>信息<em>, </em>部分<em>, </em>显示<em>, </em>时间<img id="aimg_1316" aid="1316" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/201907/13/193830d9f3gl3rg5g54q96.png" src="https://www.dismall.com/data/attachment/forum/201907/13/193830d9f3gl3rg5g54q96.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="411" alt="popuptext_bg_2.png" title="popuptext_bg_2.png" w="411" /> 图片有水印啊,能不能上传个无水印版本? 打包再上传吧。 这个有道理,建议官方收纳在新更新里
頁:
[1]