修改eyoucms后台登录的样式方法

2020-01-30


从eyoucms这个产品的发布到今天的正式版已经更新到版本1.4.0,不过后台页面只能自己看到,如果公布给别人了对于自己的网站也不安全。而这个后台登陆的UI说真的本人真的看腻了,今天就教大家如何更改后台登陆页面。重中之重更改任何cms框架,注意备份!

如何更改后台登陆页面呢?,前提是你会基本的css样式。

准备工作:到layui官网下载最新的样式文件。

那现在就说下这个更改的步骤:

  1. 找到后台登陆页面的模板文件夹,根目录下的application/admin/template/admin/login.htm,找到这个login.htm文件先备份一下。

  2. 用编辑器打开这个login.htm ,头部和尾部不用修改,引用layui样式文件,如图:1-19110H34555D7.png

  3. 会布局的朋友,一定会没有问题。我这里用到了弹性盒子布局,废话不多说,上图:

1-19110H35233T5.png

  4.然后在到第一个盒子里加上左边的图片样式及代码:

1-19110H35643392.png

第二个盒子里加上(我是在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.验证码部分注意。如图:

1-19110P00033K0.png

  改到这里后基本修改完了。对于在本地测试没有任何样式问题可以放到线上的文件替换掉,注意备份旧的文件。

  这里就是看到的,修改好的后台页面是不是给人一种不一样的感觉!

1-19110P00925357.png


加入收藏 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有C币奖励和额外收入!

首页 > 资源下载 > 学习教程 修改eyoucms后台登录的样式方法 https://bbs.temilan.com/zaixianxuexi/121.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
加载中~