简介从eyoucms这个产品的发布到今天的正式版已经更新到版本1.4.0,不过后台页面只能自己看到,如果公布给别人了对于自己的...
从eyoucms这个产品的发布到今天的正式版已经更新到版本1.4.0,不过后台页面只能自己看到,如果公布给别人了对于自己的网站也不安全。而这个后台登陆的UI说真的本人真的看腻了,今天就教大家如何更改后台登陆页面。重中之重更改任何cms框架,注意备份!
如何更改后台登陆页面呢?,前提是你会基本的CSS样式。
准备工作:到layui官网下载最新的样式文件。
那现在就说下这个更改的步骤:
找到后台登陆页面的模板文件夹,根目录下的application/admin/template/admin/login.htm,找到这个login.htm文件先备份一下。
用编辑器打开这个login.htm ,头部和尾部不用修改,引用layui样式文件,如图:
会布局的朋友,一定会没有问题。我这里用到了弹性盒子布局,废话不多说,上图:
4.然后在到第一个盒子里加上左边的图片样式及代码:
第二个盒子里加上(我是在layui官网复制过来的登陆表单,修改里面的name值,照着原来的login.htm 里的表单修改即可。
添加如下部分后台更换logo代码:
{notempty name="$is_eyou_authortoken"}
<img src="__SKIN__/images/logo_ey.png?v={php}echo time();{/php}">
{else /}
<img src="__SKIN__/images/logo.png?v={php}echo time();{/php}">
{/notempty}
5.验证码部分注意。如图:
改到这里后基本修改完了。对于在本地测试没有任何样式问题可以放到线上的文件替换掉,注意备份旧的文件。
这里就是看到的,修改好的后台页面是不是给人一种不一样的感觉!
- 相关链接:
上一篇:eyoucms分页样式怎么修改
- 文章标题:
https://www.ezgcms.com/study/313.html
- eyoucms分页样式怎么修改
- eyoucms提交留言的提示窗口美化方法
- eyoucms后台图片上传细节优化
- eyoucms进入后台或者程序出现:Array and string offset access syntax with curly braces is deprecated的解决方法
- 易优文章增加其它字段为排序的方法【eyoucms教程】
- 易优后台内容管理增加批量取消审核或者批量审核的方法【eyoucms技巧】
- eyoucms 导航高亮焦点显示方法(易优)
- 文章内容页里面,调用当前文章列表,和当前页面一样的链接高亮
- 全局调用会员列表技巧【eyoucms教程】
- TAGS标签如何多个用符号隔开输入的临时修改方法【易优教程】
- 易优列表页分页样式说明和使用教程
- EYOU 首页如何调取图集模型图片
- 图片上传不了,提示上传图片失败【eyoucms教程】
- 留言本增加验证码的方法eyoucms
- 备案号连接修改方案【易优教程】