最新公告
  • 欢迎您的光临,本站秉承服务宗旨 履行“站长”责任,资源提供永无止境!立即赞助我们
  • WordPress登录页面的美化

    广告!请自辨真伪
    广告!请自辨真伪 广告!请自辨真伪
    WordPress登录页面的美化

    首先打开你主题的functions.php文件,在最后添加上以下代码:

    /**
    * WordPress 登录界面美化
    **/
    function custom_login_style() {
    echo '<link rel="stylesheet" id="wp-admin-css" href="'.get_bloginfo('template_directory').'/admin-style.css" type="text/css" />';
    }
    add_action('login_head', 'custom_login_style');
    

    在新建admin-style.css并添加以下代码,然后上传至functions.php同目录下,刷新你的登录页面看看,是不是变美了!

    body{
    font-family: "Microsoft YaHei", Helvetica, Arial, Lucida Grande, Tahoma, sans-serif;
    width:100%;
    height:100%;
    background: url(你的登录背景图) no-repeat;
    -moz-background-size: cover; /*背景图片拉伸以铺满全屏*/
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    }
    /*顶部的logo*/
    .login h1 a {
    background:url(你的logo地址) no-repeat;
    background-size: 220px 50px;
    width: 220px;
    height: 50px;
    padding: 0;
    margin: 0 auto 1em;
    border: none;
    -webkit-animation: dropIn 1s linear;
    animation: dropIn 1s linear;
    }
    /*登录框表单*/
    .login form, .login .message {
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    -webkit-animation: fadeIn 1s linear;
    animation: fadeIn 1s linear;
    }
    /*登录框输入框*/
    .login label {
    color: #000;
    }
    .login .message {
    color: #000;
    }
    #user_login{
    font-size: 18px;
    line-height: 32px;
    }
    /* 返回博客与忘记密码链接 */
    #backtoblog a, #nav a {
    color: #fff !important;
    display: inline-block;
    -webkit-animation: rtol 1s linear;
    animation: rtol 1s linear;
    }
    /*掉落的动画效果*/
    @-webkit-keyframes dropIn {
    0% {
    -webkit-transform: translate3d(0, -100px, 0)
    }
    100% {
    -webkit-transform: translate3d(0, 0, 0)
    }
    }
    @keyframes dropIn {
    0% {
    transform: translate3d(0, -100px, 0)
    }
    100% {
    transform: translate3d(0, 0, 0)
    }
    }
    /*逐渐出现的动画效果*/
    @-webkit-keyframes fadeIn {
    from {
    opacity: 0;
    -webkit-transform: scale(.8) translateY(20px)
    }
    to {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0)
    }
    }
    @keyframes fadeIn {
    from {
    opacity: 0;
    transform: scale(.8) translateY(20px)
    }
    to {
    opacity: 1;
    transform: scale(1) translateY(0)
    }
    }
    /*从右往左的动画效果*/
    @-webkit-keyframes rtol {
    from {
    -webkit-transform: translate(80px, 0)
    }
    to {
    -webkit-transform: translate(0, 0)
    }
    }
    @keyframes rtol {
    from {
    transform: translate(80px, 0)
    }
    to {
    transform: translate(0, 0)
    }
    }
    
     
    
     

    常见问题FAQ

    免费下载或者赞助VIP会员专享资源能否直接商用?
    本站所有资源均收集与各大平台,版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 赞助VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    开通赞助会员或者下载源码 “不完整” 或 “不能用” “版本号不对” 怎么办?
    非常抱歉,资源均收集与网络,你有权利告诉本站,但是本站有选择处理或者不处理的权力,如无法接受请不要购买或开通本站会员。
    开通终身赞助会员能下载全站资源码?
    可以100%下载全站源码资源的,除部分失效资源,失效的可以联系客服尝试恢复。

    发表评论

    • 18214会员总数(位)
    • 21163资源总数(个)
    • 463本周发布(个)
    • 86 今日发布(个)
    • 535稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    赞助SVIP享更多特权立即赞助