保藏本站 保藏本站
188bet注册网主页 - 软件测验 - 常用手册 - 站长东西 - 技能社区
主页 > PHP > PHP实例 > 正文

主页 - PHP - 数据库 - 操作体系 - 游戏开发 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell编程 - DOS指令 - jQuery - CSS款式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

PHP技巧 - PHP根底 - PHP实例 - PHP字符串 - PHP数据库函数 - Mysql函数 - PDO类库 - PHP过错处理 - PHP选项 - PHP函数库 - PHP数学函数 - PHP数组

制造个性化的WordPress登陆界面的实例教程

个性化登陆界面的办法有两种,第一种是替换登陆布景,这个算是小型个性化吧:

在/wp-admin/images找到login-bkg-tile.gif和login-bkg-bottom_new.gif两张图片,用自己定制的图片(巨细最好相同)替换就行了。

当然这个不能改动登陆框的布局,明显关于寻求完美的处女座来说是不行的,所以第二种办法呈现了:

首要在functions.php中增加一个函数:

// custom login for theme
// folder themes/theme_name/custom-login/
function custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login.css" />';
}
add_action('login_head', 'custom_login');

经过一个简略的“勾子”,现在你的主题现已能够敞开个性化登陆界面了,接下来要做的,是为你的登陆界面写css款式,命名为custom-login.css,然后再把css文件放到主题文件夹里就行了。

以下是本站的css,供咱们参阅(因为我的custom-login.css是放在主题文件夹的子文件里,所以background里的url要写成如../images/login-bg-body.jpg的办法,了解MCS的人就会知道 ".." 代表上一级目录)

/* 页面css */
html,body,#wpbody,.form-table .pre{background: #ffffff url("../images/login-bg-body.jpg");? font-size: 13px; font-family: 微软雅黑,宋体;}
a{text-decoration: none;}
body.login,body{border: none;}
h1 a{display: none;}

/* 登陆框主体部分css */
#login{background: url("../images/login-bg.jpg") no-repeat;? width: 650px;? height: 500px;? position: relative; margin: 50px auto;}
#loginform {padding-left: 110px;? float: right;? border-left: 2px solid #e3e3d3}
#loginform #user_login , #loginform #user_pass {border: 2px dotted #666666}
form{width: 280px;? height: 166px;? padding: 45px 0px 0px 0px;? background: url() no-repeat; margin: 60px 0 0 0; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#user_pass,#user_login,#user_email{width: 190px; height: 20px; margin-bottom: 10px;}

/* 登陆框各组成css */
label {font-size: 13px; color: #fff;}
form .forgetmenot label {font-size: 13px;? color: #666666;}
.login #nav a{color: #666666 !important;}
input.button-primary, button.button-primary, a.button-primary{background: none; border: none; text-shadow: none; margin: 0; padding: 0; font-size: 13px; font-family: 微软雅黑,宋体;}
form .submit input {color: #666666;}
input.button-primary: active, button.button-primary: active, a.button-primary: active {background: none;}

/* 其他 */
#nav{margin: 0; padding: 0; position: absolute; text-shadow: none;}

送上作用图

检查图片

看到作用后就会发现,尽管咱们不能改动页面的html元素,但包含登陆框结构在内的整个登陆页面都能够自界说,只需你知道每个部分的css选择器称号即可。所以只需用firebug等东西检查一切css的id或class,就能够制造出一个彻底自己作主的登陆界面。

Yii2.0 模态弹出框+ajax提交表单
如题咱们运用模态弹出框+ajax提交表单首要咱们把index视图的create按钮增加data-toggle和data-target。代码如下:phpechoHtml::a('增加请假单',['create'],['class'='btnbtn

CI结构扩展体系中心类的办法剖析
本文实例叙述了CI结构扩展体系中心类的办法。共享给咱们供咱们参阅,具体如下:首要你体系扩展类是放在application/core下面的,原本体系中心类是CI_Co

Yii2分页的运用及其扩展办法详解
前语:阐明下咱们本篇文章都要讲哪些内容分页的运用,一步一步的教你怎样做分页类LinkPager和Pagination都能够自界说哪些特点分页类LinkPager怎样扩展成

本周排行

更新排行

强悍的草根IT技能社区,这儿应该有您想要的! 友情链接:b2b电子商务
Copyright © 2010 touzhuwang75.com. All Rights Rreserved  京ICP备05050695号