PbootCMS自定义错误/成功的提示页面

更新时间:3个月前 作者:CMS开发网 来源:原创 点赞数:0人 阅读数:257次 0 条评论
摘要:不喜欢PbootCMS默认的操作成功及错误提示页面,只需要打开根目录/core/template 文件夹,将error.html跟success.html 中的代码改成自己喜欢的样式即可。以下是我自己用到的成功范例<!doctypehtml><html><head><metacharset="utf-8"> 
PbootCMS自定义错误/成功的提示页面

不喜欢PbootCMS默认的操作成功及错误提示页面,只需要打开根目录/core/template 文件夹,将error.html跟success.html 中的代码改成自己喜欢的样式即可。

以下是我自己用到的

成功范例

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>成功信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
</head>
<body>


<div style="margin-left:10%;margin-top:5%;">
    <div style="margin-bottom:20px;"><img src="{coredir}/template/success.svg" height="120"></div>
    <div style="font-size:20px;">{info} <span id="time" style="font-size:18px;"></span></div>
</div>

{js}

</body>
</html>

失败范例

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>错误信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <style>
    a{color:#000000;}
	.copyright{color:#ccc;padding-top:2px;}
	.copyright span{padding-right:10px;font-size:12px;color:#ccc;padding-top:2px;border-top:1px solid #ccc;}
	.copyright span a{color:#ccc;text-decoration:none}
    </style>
</head>
<body>


<div style="margin-left:10%;margin-top:5%;">
    <div style="margin-bottom:20px;"><img src="{coredir}/template/error.svg" height="120"></div>
    <div style="font-size:20px;margin-bottom:20px;">{info} <span id="time" style="font-size:18px;"></span></div>
    <div class="copyright">
    	<span>
   		程序版本:V1.5
    	</span>

        <span>
   		WEB应用:{serversoft}
    	</span>

        <span>
   		技术支持:<a href="https://www.kaifacn.com/" target="_blank"> 云管家网络科技有限公司</a>
    	</span>
    </div>
</div>

{js}

</body>
</html>

THE END

如果你的问题还没有解决,可以加入交流群和群友一起讨论。如果想请站长喝杯咖啡,点击打赏按钮扫码赞赏~

版权声明:本站部分教程是由网络收集,然后整理编辑而成,版权归原作者所有,如果由此而造成的侵权,请与我们联系,审核属实后立即删除,谢谢!请与我们联系,审核属实后立即删除,谢谢!

发表评论

发表评论
评论列表 (评论通过审核后才会显示)
暂无评论