Emlog2021年新版后台自适应登录界面页源码

▼
简述:
Emlog2021年新版后台自适应登录界面,分享一款2021年Emlog新版后台登录页面,理论适配所有版本。
Emlog后台登录页修改教程:
1、找到 login.php 文件
路径如下:根目录/admin/views/login.php ,打开并替换成如下代码(如有二开,不建议更改)
<?php if(!defined(‘EMLOG_ROOT’)) {exit(‘error!’);}
require(EM登录页-奥鹏学生平台LOG_ROOT.’/admin/views/t登录界面html源代码emplate_language.php’);
if(后台app刷新需要关闭吗$languagemlog官网e==1){
require(EMLOG_ROOT.’/admin/views/assets/en.php’);
}else{
require(EMLOG_ROOT.’/admin/views/assets/cn.php’);
}
?>
<!DOCTYPE html>
&登录页面lt;html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=登录页面utf-8″ />
<me后台运行怎么打开ta name=”viewport” content=”width=device-width, initial-scale=1.0, user-emlog下载scalable=emlog主题0, minimum-scaqq登录界面le=1.0, maximum-scale=1.0″>
<temlog下载itle><?php echo $loginus ?></title>
<script type=”text/javascri登录界面英文pt” src=”./views/js/common.js?v=<?php echo Option::EMLOG_VERS源码编辑器手机版下载ION登录界面图片素材; ?>”>登录页</script>
<style>
@import “http://你的域名/admin/views/font_1642210_h4n61pkrfb.css”;//已打包,安装解压即可!
*{margin:0;padding:0}
button,input{outline:0}
a{text-decoration:none}
.后台dj_bg{width:100%;height:100vh;min-heig后台app刷新需要关闭吗ht:700px;background:url(http://你的域名/admin/view后台app刷新需要关闭吗s/demo2.png);backgro后台进程限制und-size:cover;background-repeat:no-repeat;position:relative}
.dj_login{top:46%;left:50%;position:absolute;transform:translate(-qq登录界面50%登录页面代码,-50%);overflow:hidden;box-shadow:0 0 15px rgba(0,138登录界面,233,.15);width:920px;heighqq登录界面t:600px;opacity: 0.8;}
.dj_login_left{float:left;width:380px;height:600px;border-radius后台:10px 0 0 10px;backgroun源码之家d:url(http://你的域名/admin/源码编辑器手机版下载views/login-site-bg.png) center centemlog采集er no-repeat;position:relative;display:flex}
.dj_login_left p{margin:0 auto;vertical-align:midd登录页面代码le;font-size:40px;font-emlog下载weight:600;color:#fff;aemlog模板ligemlog教程n-self:center}
.emlog教程dj源码编辑器手机版下载_login_right{float:left;width:540px;emlog源码height:600px;background:#fff;p后台运行怎么关闭osition:relative;border-radius:0 10px 10px 0}
.dj_login_r_con{padding:50p源码编辑器x 60px}
.dj_login_r_tt{登录页面模板margin:0 0 36px;border-bottom:1px solid #源码编程器e8e8e8;outline:0}
.dj_login_r_tt p{display:inline-block;font-size:20p登录页面图片x;padding:20px 16px;color:#40a9ffqq登录界面;font-weight:600;bor源码资本der-bottom:2px solid后台进程限制 #1890ff}
.dj_login_r_f_kk{margin:0 0 24px;posit登录页面代码ion:relative}
.dj_login_r_f_kk input{width:calc(100% – 44px);height:40px登录页;padding-left:40px;color:rgba(0,0,0,.7);font-size:15源码编辑器px;border-radius:4px;border:1px solid #999}
.dj_login_r_f_kk .iconfont{position:a源码编程器bsolute;源码之家top:8px;left:8px;font-size:24px}
.d源码j_login_r_a{text-align:right;font-size:15px}源码资源站
.dj_lo源码编辑器下载gin_r_a a{color:#999;margin-lef后台app刷新需要关闭吗t:10px;-webkit-transition:all .2s ease;transition:all .2s ease}
.dj_后台app刷新是什么意思login_r_a a:hover,.dj_login_登录界面html源代码r_index:hover{color:登录界面图片#40a9ff}
button{margin:40px 0;padding:10px 0;width:100%登录界面;co后台app刷新需要关闭吗lemlog插件or:#fff;background:#40a9ff;border:0;border-radius:4px;font-size:20px;cursor:pointer}
button:hover{background:#8c82fc}
.dj_login_r_index{color:登录页 | 药师帮#999;font-size:15px}
.dj_login_r_p{co源码是什么意思lor:#999后台app刷新是什么意思;margin-toemlog插件p登录页面图片:40px;text-align:登录界面背景图center;foqq登录界面nt-size:12px}
.regs input{w后台管理系统idth:calc(65% – 44px)}源码
.re登录界面背景图gs img{margin-left:10px;height:42px}
.re登录页面-易创网gs .iconfont{fo登录页面html代码nt-size: 18px;top: 12px;left: 12px;}
@media screen and (memlog官网ax-w登录界面html源代码idth: 768px){
.demlog插件j_login{width:92%;padding: calc((100vh – 550p后台运行怎么关闭x)/2) 4%;position:relatiemlog源码ve;transform: n后台运行怎么设置one;top:0;left:0;height: auto;}
.dj_login_left{display登录页面:none;height: auto;}
.dj_logi登录页面n_right{width:100%;border-radius:10px;height: auto;}
.dj_login_r_con{padding:20px 15px}
.regs input{width:calc(46% – 4emlog教程4px)}
}
</style>
</head>
<body>
<div class=”dj_bg container”>
<div class=”dj_login”>
<div class=”dj_login_left”><p>Welcome</p></div>
<div class=”d登录页 | 药师帮j_login_right”>
<div class=”dj_logemlog教程in_r_con”>
<div class=”dj_login_r_tt”>登录页面设计<p><?=$loginhead;?></p></div>
<form class=”form-signin” name=”f” method=”post” action=”./index.p后台弹出界面什么意思hp?action=login” onsubmit=”return validate(this);”>
<div class=”login-w源码编辑器下载rap”>
<?php if ($error_msg): ?>
<div class=”login-error”><?php echo $登录界面背景图error_msg; ?></div>
<?php endif;?>
<div class=”dj_login_r_f_kk”>
<input type=”text” name=”user” id=”user” class=”form-control” placeholder=”<?php echo $loginusx ?>” autofocus=””><i class=”emlog插件iconfont icondenglu”></i>
</div>
<div cl登录页面模板ass=”dj_login_r_f_kk”>
<inputemlog type=”password” id=”pw” name=”pw” class=”form-control” placeholder=登录页面模板“<?php echo $loginusxx ?>”><i class=”iconfont iconde登录界面背景图nglumima”>emlogincn创建登陆密码</i>
</div>
<?php if($ckcode):?>
<div clasemlog源码s=”dj_login_r_f_kk regs” ><?php echo $ckcode; ?><i class=”iconfont iconyanzhengma”></i></div>
<?php endif ?>
<div class=”源码资本dj_login_r_a”>
<a href=”te源码ncent://Message/?Uin=33731790″>注册账号登录界面设计</a>
<a href=”tencent://Message/?Uin=33731790″>忘记密码?<源码编辑器/a>
</div>
<button type=”subemlog源码mit”><?php echo $regiondr;?></button>
<登录页 | 药师帮/d登录界面测试iv>源码是什么意思
</form>
<a class=”dj_login_r_inde登录界面图片素材x” href=”//<?=$_SERVER[“HTTP_HOST”];?>”><?php echo $rurhome ?>&后台弹出界面lt;/a>后台运行怎么打开
<源码编辑器p class=”dj_login_r_p”>2021 – <?=$_SERVER[‘HTTP_HOST’];?> All rights reserved.</p>
</div>
</div>emlog主题
</div>
</di源码编辑器编程猫v>
<script>
function validate(){
var user = f.user.value
var pw = f.pw后台.value
if(useemlog下载r.trim().l登录页面设计ength==0){
alert(“<?php echo $si源码编辑器编程猫gnuser ?>”)
f.user.focus()
}else if(pw.tri后台m().length==0){
alert(“<后台运行;?php echo $signpw ?>”)
f.pw源码编程器.focus()
}
}
focusEle(‘user’);
</script>
</body>
&l源码编辑器编程猫t;登录页面图片/emloghtml>
2、找到loginauth.php 文件 路径:根目录/include/lib/loginauth.php ,打开并修改; 找到 $ckcode ,将第一个 $ckcode = 后面的替换成 如下代码:
$ckcode =源码编辑器编程猫 “<源码编辑器编程猫input name=\”imgcode\” id=\”imgcode\” type=\”tex源码编辑器编程猫t\” pemlogincn创建登陆密码lacehol登录页der=\”验证码\”/><img src=\”../include/lib/checkcode.php\”源码之家 align=\”absmiddle\”>”
做到这里就大功登录界面设计告成了,记得备份原文件!防止丢失!
图片:
▼

特别声明 本页内容仅供参考,若有侵权,请联系我们删除。
1:如非特殊说明,本站提供的素材及源码教程不拥有任何权利,其版权归原着者拥有。
2:本站内容均由互联网收集整理、网友上传,并且以技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
3:本站部分收费内容因本站持有版权专利,也仅做为本站日常维护费用,若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
4:请勿将本站教程进行商业交易、转载等行为,只为研究、学习所提供,如使用后发生的一切问题与本站无关。
5:站内任何内容若有侵犯你的版权,请@客服QQ:994859115指出,本站将立即改正删除。
6:本站任何内容文字均为网络收集,不承担任何版权问题,也不提供任何技术支持!