欢迎光临散文网 会员登陆 & 注册

OneManager 登录页面美化

2022-04-29 21:52 作者:Ayyyyano  | 我要投稿

说明

最近沉迷上了OneManager,可以绑定Onedrive/阿里云盘,就是后台和登录界面的样式不大好看,有些简陋,所以打算出一期OneManager登录页面的美化教程。

所用的图标是OneManager内置renexmoe主题里面的。感谢renexmoe/MDUI。

来看看效果吧


美化后效果
原版效果

是不是精致了许多呢,一劳永逸,来试试吧。

注意

修改前请先备份原文件,避免出现某些意外状况,不承担责任。

教程

修改OneManager安装目录下的common.php文件的1181~1194行(可能有偏差,根据自己情况)

<body>

<div>

......

</body>';

替换为

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/186526/renexmoe-cdn@v1.3/css/app.css"><meta name="theme-color" content="#fff" />

<body>

    <div class="mdui-col-md-6 mdui-col-offset-md-3">

  <br />

  <center>

    <div class="mdui-typo-title">

      ' . getconstStr('InputPassword') . '

      ' . $name . '

    </div>

  </center>

  <form action="" method="post" onsubmit="return sha1loginpass(this);">

    <div class="mdui-textfield mdui-textfield-floating-label">

      <i class="mdui-icon material-icons">https</i

      ><label class="mdui-textfield-label"></label

      ><input id="password1" name="password1" class="mdui-textfield-input" type="password" />

    </div>

    <br />

    <input name="timestamp" type="hidden"/>

    <button

      class="mdui-center mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme"

    >

      <i class="mdui-icon material-icons">fingerprint</i>&nbsp;&nbsp;登录

  </button>

  </form>

</div>

</body>';

保存后就可以有全新的登录页面了!

如果输入密码后无法登录或其它问题可以评论,我修改后测试正常。

第一次投专栏,如果撞车应该是巧合。欢迎访问个人博客 http://flyme.cf/

OneManager 登录页面美化的评论 (共 条)

分享到微博请遵守国家法律