|
實現效果:由于部分提示信息較小,且顯示時間極短,例如登錄失敗提示,很多人登錄失敗時可能并沒有留意到該提示信息,所以進行以下調整,將部分提示信息的顯示時間延長至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、將此背景圖片上傳到你的模板圖片目錄(點擊放大后再保存)。
|
|