【WD团队】登录界面样式优化
引入样式表在主题目录中functions.php文件里添加以下代码function login_scripts() { wp_enqueue_style( "login-index", get_template_directory_uri() . "/style/login.css" );}add_action('login_enqueue_scripts', 'login_scripts');全选代码复制在主题CSS中插入CSS.login {position: relative;background-image: url("https://img.yzb123.top/wp-bj.jpg");background-position: center;background-size: cover;}#login {position: absolute;left: 50%;margin-left: -200px;padding: 0;top: 50%;margin-top: -300px;background: #fff;width: 400px;border-radius: 4px;h1 { padding: 30px 0; a { background-image: url("https://img.yzb123.top/1.png"); border-radius: 50px; box-shadow: 0 0 10px 5px #e4eaef; background-size: 80% auto; background-position: center; margin: 0 auto; width: 80px; outline: none; height: 80px; transition: all .2s; &:hover { box-shadow: 0 0 10px 5px #bfd9ef } }}form { box-shadow: none; margin-top: 0; padding: 10px 30px 2px; input { padding: 7px 10px; margin-top: 8px; font-size: 16px; border-radius: 4px; height: 40px; &:focus { border-color: #419df5; box-shadow: 0 0 2px rgb(123, 184, 243); } } .forgetmenot { padding-bottom: 20px; padding-top: 7px; input, input { width: 20px; height: 20px; margin-top: 0 } } .submit { float: none; input { width: 100%; background: #419df5; border-color: #419df5; line-height: 40px; padding: 0; text-shadow: none; box-shadow: none } }}#nav, #backtoblog { padding-left: 30px}}@media screen and (max-width: 767px) {#login { left: 5%; margin-left: 0; width: 90%}}————————感谢你能看到这[滑稽][玫瑰]点个关注不迷路(搬原于网络,侵权删除)————————【其他技术】 #【WD团队】【宝塔面板】宝塔ssl证书,安全审查失败/订单拒绝/#http://cdn.u1.huluxia.com/g4/M02/2D/A7/rBAAdmG-116AdM19AACM8CjkLhE121.jpghttp://cdn.u1.huluxia.com/g4/M02/2D/A7/rBAAdmG-116AQch-AAClNW5jqBw085.png
页:
[1]