Onedrive云盘程序OneManager登录界面美化
侧边栏壁纸
  • 累计撰写 30 篇文章
  • 累计收到 13 条评论

Onedrive云盘程序OneManager登录界面美化

怪怪的科长
2021-04-23 / 0 评论 / 332 阅读 / 正在检测是否收录...

添加后台样式

修改根目录下的common.php文件第889-903行,在<body>前添加style

    $html .= '
<body>
    <div>
    <center><h4>' . getconstStr('InputPassword') . '</h4>
    ' . $name . '
    <form action="" method="post" onsubmit="return sha1loginpass(this);">
        <div>
            <input id="password1" name="password1" type="password"/>
            <input name="timestamp" type="hidden"/>
            <input type="submit" value="' . getconstStr('Login') . '">
        </div>
    </form>
    </center>
    </div>
</body>';

    $html .= '
    <style>
    body{
        background-image:linear-gradient(60deg,#343b44 0%,#485563 100%);
        background-attachment:fixed;
        color:#343b44
    }
    body>div{
        position:absolute;
        text-align:center;
        background-color:rgba(221,221,221,.5);
        border-radius:20px;
        width:75vw;
        max-width:500px;
        height:350px;
        margin:auto;
        top:25%;
        bottom:50%;
        left:0;
        right:0
    }
    body>div:hover{
        box-shadow:3px 3px 6px 3px rgba(0,0,0,.3)
    }
    h4{
        font-size:40px
    }
    input{
        font-size:20px;
        margin:2%auto;
        border:#343b44 2px solid;
        border-radius:10px;
        padding:10px;
        height:50px;
        text-align:center;
        vertical-align:top
    }
    input:last-of-type{
        color:#343b44;
        height:50px;
        width:80px;
        font-weight:800
    }
    input:hover:last-of-type{
        cursor:pointer;
        color:#ddd;
        background-color:#485563
    }
    </style>
    <body>
    <div>
    <center><h4>' . getconstStr('InputPassword') . '</h4>
    ' . $name . '
    <form action="" method="post" onsubmit="return sha1loginpass(this);">
        <div>
            <input id="password1" name="password1" type="password"/>
            <input name="timestamp" type="hidden"/>
            <input type="submit" value="' . getconstStr('Login') . '">
        </div>
    </form>
    </center>
    </div>
';

  至此您可以看到一个不一样的登录界面了,虽然登录界面只有自己看。 表情
  代码来源于醉后的星星,如果您食用后和我一样出现inputbutton不在一条水平线上的情况,在styleinput中增加vertical-align:top即可解决。

0

评论

博主关闭了所有页面的评论