//Custom background login function custom_login() { echo ' '; echo ' '; echo ' '; } add_action('login_head', 'custom_login');
/* base css */ *{ margin: 0; padding:0; } body{ font: 14px 'Microsoft YaHei', Arial, Lucida Grande, Tahoma, sans-serif; background:url( https://api.isoyu.com/bing_images.php ); } ul,li{ list-style:none; } a{ transition:all 0.5s; } a,a:hover,a:active,a:focus,a:visited{ text-decoration: none; border:0; outline:0 none; } input:focus, button:focus{ outline:0 none; } /* login */ #login { position:relative; top:150px; background:#fff; width:340px; margin: 0 auto; padding: 10px 10px 50px 10px; border-radius:8px; } #login h1{ margin-top:20px; } .login h1 a{ background: #fff url( https://api.isoyu.com/ARU_GIF_S.php ) no-repeat; background-size:cover; margin:0 auto; width:100px; height:100px; border:2px solid #e67e22; border-radius:50%; } #login #loginform{ margin-top:0; box-shadow:none; border: none; } .ds-login{ display:none; } #user_login{ margin-bottom:0; } #user_pass{ margin-bottom:30px; } #user_login,#user_pass{ border:0; border-bottom:1px solid #e1e1e1; box-shadow: none; font-size:15px; font-weight: normal; padding:10px 0; transition:all 0.5s; // margin:-40px 0 0 0; } #login #loginform input:focus{ border-bottom:1px solid #e67e22; } /**Tips**/ .updated, .login .message { background:#fff; border: none; text-align: center; color:#999; } #loginform, #registerform, #lostpasswordform{ background:transparent; border:none; } /**Buttons**/ .submit{ overflow:hidden; } .button-primary,.submit .button-primary,#login form .submit input { width:100px; height:32px; line-height:32px; font-weight: normal; border:none; background:#E28D41; box-shadow: none; text-shadow:none; transition:all 0.3s; } #login form .submit input:active, #login form .submit input:hover{ background:#ECAF79; box-shadow: none; text-shadow:none; border:none; } .login #nav{ margin:0; margin-top:-21px; float:left } #backtoblog{ float:right; margin-top:-20px; }
window.onload = function(){ //Add placeholder var name = document.getElementById("user_login"); var psw = document.getElementById("user_pass"); Name. setAttribute ("placeholder", "Please enter the user name"); Psw. setAttribute ("placeholder", "Please enter password"); //Hide label var form = document.getElementById("loginform"); var labels = form.getElementsByTagName("label"); var userlabel = form.getElementsByTagName("label")[0]; var passlabel = form.getElementsByTagName("label")[1]; userlabel.removeChild(userlabel.firstChild); passlabel.removeChild(passlabel.firstChild); }
//api.isoyu.com/ARU_GIF_S.php