帝国CMS的showmessage提示页面默认样式比较简陋，如果想提升用户体验，自定义其外观是很有必要的。其实现方式并不复杂，主要通过修改后台提示函数输出模板或引入自定义CSS来完成。
1. 找到showmessage函数位置
帝国CMS的提示信息显示由showmessage()函数控制，该函数位于：e/class/connect.php打开此文件，搜索“function showmessage”，你会看到函数体中包含HTML结构输出。
2. 修改showmessage输出结构
在connect.php中找到类似以下代码段：
// 显示信息页面$mes=’html>信息提示…
你可以直接修改这段HTML输出内容，例如替换为更现代的弹窗样式或加入自己的CSS类名。比如：
$mes = ‘<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>提示信息</title> <style> .alert-box { font-family: Arial, sans-serif; max-width: 400px; margin: 10% auto; padding: 20px; border-radius: 8px; background: #f9f9f9; border: 1px solid #ddd; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,.1); } .alert-title { color: #333; font-size: 18px; margin-bottom: 10px; } .alert-msg { color: #555; margin: 10px 0; } .alert-link { color: #007cba; text-decoration: none; } </style></head><body> <div class="alert-box"> <div class="alert-title">提示</div> <div class="alert-msg">’ . $message . ‘</div> ‘ . ($showgo == 1 ? ‘<a href="javascript:history.go(-1);" class="alert-link">返回上一页</a>’ : ”) . ‘ ‘ . ($url ? ‘<p><a href="’ . $url . ‘" class="alert-link">点击这里跳转</a></p>’ : ”) . ‘ <script>setTimeout(function(){window.location.href="’ . $url . ‘";}, ‘ . $waittime * 1000 . ‘);</script> </div></body></html>’;
这样就能完全自定义提示页的视觉效果。
3. 引入外部CSS或JS增强样式
你也可以不直接写内联style，而是引入自己写的CSS文件，例如：
<link rel="stylesheet" href="/skin/css/alert.css">
然后在alert.css中定义.alert-box等类，便于统一维护和复用样式。
4. 注意事项
修改系统核心文件存在一定风险，建议：- 修改前备份 connect.php- 更新帝国CMS版本后需重新检查该文件是否被覆盖- 可考虑将样式抽象成单独文件引用，避免代码臃肿
基本上就这些，只要改对了函数输出部分，就能实现个性化的提示页面样式。关键是理解showmessage的调用逻辑和输出机制。
评论(0)