帝国cms教程

帝国cms提示信息优化模板 分享一个提示信息的模板

帝国cms教程 admin 04-14 人阅读
默认的帝国cms提示信息模板并不好看,这里分享一个美化版的提示信息模板来替换默认的提示样式:

需要修改一下提示信息的文件,升级的时候注意不要覆盖掉了,做好备份以方便还原

代码如下:

找到 /e/message/index.php 文件打开他,把如下代码复制覆盖原来的就可以了。
<?php
if(!defined('InEmpireCMS'))
{
    exit();
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>信息提示(</title>
    <style>
    body{font: 500 0.875em/20px Microsoft Yahei, Hiragino Sans GB,Arial,WenQuanYi Micro Hei, sans-serif; padding: 55px 10px;font-size: 100%; color: #666;}
    p {margin: 0; }
    .container {max-width: 380px;_width: 380px;margin: 0 auto;}
    .panel {margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
    .panel-body {padding: 15px; text-align: center; }
    .panel-body:before, .panel-body:after {display: table; content: " "; }
    .panel-body:after {clear: both; }
    .panel-body:before, .panel-body:after {display: table; content: " "; }
    .panel-body:after {clear: both; }
    .panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }
    .panel-title {margin-top: 0; margin-bottom: 0; font-size: 16px; }
    .panel-title > a {color: inherit; }
    .panel-footer {text-align: center; padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
    .panel-footer a{font-size: 12px; color: #666;text-decoration: none;}
    .panel-primary {border-color: #428bca; }
    .panel-primary > .panel-heading {color: #ffffff; background-color: #428bca; border-color: #428bca; }
    .panel-primary > .panel-heading + .panel-collapse .panel-body {border-top-color: #428bca; }
    .panel-primary > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #428bca; }
    </style>
  <SCRIPT language=javascript>
  var secs=5;//5秒
  for(i=1;i<=secs;i++) 
  { window.setTimeout("update(" + i + ")", i * 1000);} 
  function update(num) 
  { 
  if(num == secs) 
  { history.go(-1); } 
  else 
  { } 
  }
  </SCRIPT>
</head>
<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <div class="panel-title">信息提示</div>
            </div>
            <div class="panel-body">
                <p><?=$error?></p>
            </div>
            <div class="panel-footer">
                 <a href="<?=$gotourl?>">如果您的浏览器没有自动跳转,请点击这里</a>
            </div>
        </div>
    </div>
</body>
</html>

样式就是下面这样了,比默认的要好看点有个性点

标签