wordpress登录美化css,wordpress后台登陆界面美化、如何?

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

此为gsky.org的设计,具体如下:

在主题目录下创建一个名为admstyle.css的文件:

body,textarea{font-size:14px;font-family:"Microsoft Yahei",宋体,PMingLiU,Verdana,Arial,Helvetica,sans-serif !important;}input{font-size:14px;font-family:Tahoma,Arial,sans-serif !important;}body{background:#92C1D1 url(图片地址) fixed center top no-repeat !important;}.login h1 a {background-image:url('logo地址') !important;background-size:170px 35px;background-position:top center;background-repeat:no-repeat;width:170px;margin:auto;margin-top:35px;height:35px;text-indent:-9999px;overflow:hidden;padding-bottom:15px;display:block;}#login {width:320px;background:rgba(0, 0, 0, 0.2);padding:0 20px 100% 12px;margin:auto;top:0px;right:15%;position:fixed;box-shadow:0px 0px 5px 0px #333;}.login form {margin-left:8px;padding:26px 24px 46px;font-weight:normal;background:rgba(255, 255, 255, 0.2);border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:#000 0 0px 10px -1px;}#loginform {-webkit-border-radius:0px;border-radius:0px;}.login form .input, .login input[type="text"] {color:#555;font-weight:200;font-size:24px;line-height:1;width:100%;padding:5px;margin-top:2px;margin-right:6px;margin-bottom:16px;border:1px solid #FFF;background:#FFF !important;outline:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.login form .input, .login input[type="text"] {font-size:17px;padding-bottom:11px;padding-top:11px;text-indent:3px; }.login form .input, .login input[type="text"] {border:2px solid #DCE4EC;}input.button-primary{margin-top:8px;border:#000;font-weight:bold;text-shadow:#FFF 0 0px 10px;}.login .button-primary {font-size:14px!important;line-height:22px;padding:8px 117px;border-radius:0px;}input.button-primary { background:rgba(255, 255, 255, 0.5);color:#000; }input.button-primary:hover,input.button-primary:focus { background:rgba(255, 255, 255, 0.8);color:#000; }input.button-primary:active{ background:rgba(255, 255, 255, 0.2);color:#000; }.login form .forgetmenot {font-weight:normal;float:none;margin-top:-10px;}.login #nav, .login #backtoblog {text-shadow:#FFF 0 0 5px,#FFF 0 0 10px;float:right;margin:0 30px 0 0px;padding:16px 0px 0 20px;}.login #nav a, .login #backtoblog a{color:#FFF!important;}.login #nav a:hover, .login #backtoblog a:hover{color:#000!important;}div.error, .login #login_error {display:none;}div.updated, .login .message {background-color: #E0FFE1;border-color: #ACE655;}

functions.php:

//自定义登录页面

function custom_login_logo() { echo '';}

add_action('login_head', 'custom_login_logo');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值