为kurblog修改后台登录样式

/ 浏览 2145 次

又一遍抠脚一边打代码,完成了kurblog主题froyo的后台登录样式修改,没什么好说的。最多公布下代码而已,代码在本文章,自己修改一下就可以用于任何博客系统。

<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <script src="/static/common/js/jquery.min.js"></script>
    <link href="/theme/froyo/css/main.css?1510548490" type="text/css" rel="stylesheet"/>
    <link href="/theme/froyo/css/froyo-style.css?1510548490" type="text/css" rel="stylesheet"/>

</head>
<body>
<style> .admin-login-tittle{font-size:21px;font-weight:300;}.admin-login-form div{margin-bottom:1em;}.login-body{text-align:center;padding-top:15%;}.admin-login-form input{width:350px;border:1px solid #ececec;padding:10px 15px;border-radius:0px;box-sizing:border-box;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;}.admin-name{margin-top:2em;}#login-button{font-size:15px;width:350px;background:#02B875;color:#fff;border:1px solid #02B875;padding-top:5px;padding-bottom:5px;cursor:pointer;}.admin-face{text-align:-webkit-center;margin-bottom:3em;}.admin-face img{border-radius:50em;width:150px;}.admin-face img{margin:0 auto;-webkit-border-radius:110px;border-radius:110px;-webkit-transition:-webkit-transform 0.5s ease-out;-moz-transition:-moz-transform 0.5s ease-out;-o-transition:-o-transform 0.5s ease-out;-ms-transition:-ms-transform 0.5s ease-out;}.admin-face img:hover{cursor:pointer;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}.face-img{width:150px;border-radius:50em;-webkit-box-shadow:0px 14px 30px -15px rgba(0,0,0,0.75);-moz-box-shadow:0px 14px 30px -15px rgba(0,0,0,0.75);-ms-box-shadow:0px 14px 30px -15px rgba(0,0,0,0.75);-o-box-shadow:0px 14px 30px -15px rgba(0,0,0,0.75);box-shadow:0px 14px 30px -15px rgba(0,0,0,0.75);}</style>

<div class="wrapper">

    <div class="froyo-frame login-body">
        <div class="admin-face">
            <div class="face-img">
            <img src="/theme/froyo/images/nobnewface.jpg" alt="大雄">
        </div>
        </div>
        <h1 class="admin-login-tittle">「从现在开始,为每一天写下一篇记录」</h1>
        <div class="admin-login-form">
            <form class="form" action="{:url('admin/login/index')}" method="post" autocomplete="off">
                <div class="admin-name"><input name="username" type="text" placeholder="用户名"></div>
                <div class="admin-password"><input name="password" type="password" placeholder="密码"></div>
                <div class="admin-button"><button type="submit" id="login-button">登录</button></div>
            </form>
        </div>
    </div>

</div>

<script type="text/javascript">
    $('#login-button').click(function(event){
        event.preventDefault();
        $('form').fadeOut(500);
        $('.wrapper').addClass('form-success');
        $('.form').submit();
    });
</script>

</body>
</html>

下面放一张抠脚大汉 关关@sinkey.cc 以前做的,Froyo演示地址:http://199508.com/admin

完-

如果你也想加入kurblog,请联系我们!

如果你想转载,请注明来源或者出处 / 随便看看

  1. 小俊
    小俊 2017-11-14 00:35:46 / 删除评论 #回复 #2149

    牛逼我的偶像阿

    • 大雄
      大雄 2017-11-14 00:47:36 / 删除评论 #回复 #2150

      @小俊:想不想睡我。

      • 小俊
        小俊 2017-11-14 13:05:55 / 删除评论 #回复 #32462

        @大雄:刚刚好缺一个登录页面哈哈哈

        • 大雄
          大雄 2017-11-14 13:06:37 / 删除评论 #回复 #32463

          @小俊:你这个小牙签!

          • 小俊
            小俊 2017-11-14 13:07:53 / 删除评论 #回复 #32464

            @大雄:卧槽 不用上班阿那么闲

      • 游客
        游客 2017-11-21 19:20:08 / 删除评论 #回复 #32496

        @大雄:记得你原来的主题比这个好看,无意中我才收藏的你网站

  2. Flyer
    Flyer 2017-11-14 02:43:39 / 删除评论 #回复 #2151

    好厉害的样子

  3. Eiko
    Eiko 2017-11-14 16:51:59 / 删除评论 #回复 #32465

    鱼唇

    • 大雄
      大雄 2017-11-14 17:30:12 / 删除评论 #回复 #32467

      @Eiko:爱你呦,么么哒~

      • Eiko
        Eiko 2017-11-14 17:32:11 / 删除评论 #回复 #32468

        @大雄:给力给气的先掐死再说

  4. Tokin
    Tokin 2017-11-15 10:12:01 / 删除评论 #回复 #32469

    啥JB玩意儿

    • 大雄
      大雄 2017-11-15 15:20:48 / 删除评论 #回复 #32471

      @Tokin:你的小鸡鸡~!嘻嘻

  5. MG
    MG 2017-11-15 20:18:35 / 删除评论 #回复 #32480

    一遍打代码一遍抠脚,那kurblog肯定臭了。不敢用啦

    • 大雄
      大雄 2017-11-16 16:44:14 / 删除评论 #回复 #32482

      @MG:那我就放心了。

  6. Din
    Din 2017-11-16 19:17:30 / 删除评论 #回复 #32483

    我要,我要!翻牌,快翻我

  7. 山小炮
    山小炮 2017-11-20 15:49:45 / 删除评论 #回复 #32488

    kurblog程序不错呀,感觉已经很成熟了。

    • 大雄
      大雄 2017-11-21 14:47:41 / 删除评论 #回复 #32493

      @山小炮:还有你一些许BUG在修改。

  8. 代写essay
    代写essay 2017-11-22 22:05:03 / 删除评论 #回复 #32505

    收藏了,感谢楼主。

「人生在世,留句话给我吧」

发表评论

人生在世,错别字在所难免,无需纠正,##修改表单信息##