first commit

This commit is contained in:
mshe 2026-03-29 00:13:29 +08:00
commit 4e7b406778
11 changed files with 513 additions and 0 deletions

View File

@ -0,0 +1,6 @@
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2
[InternetShortcut]
URL=http://www.cssmoban.com/item/Geturl.asp?Action=Count&GetFlag=0&m=1&ID=7193
IDList=
HotKey=0

177
css/common.css Normal file
View File

@ -0,0 +1,177 @@
/****************************************************************
* *
* *
* *
* 努力创建完善持续更新插件以及模板 *
* *
****************************************************************/
header{
width: 100%;
height: 50px;
background: #1e1b29;
border-bottom: solid 4px red;
}
.member_wrap{
}
.header_item{
overflow: hidden;
}
.user_menu{
width: 100%;
height: 170px;
padding: 20px 0;
background:url(../img/banner_bg.jpg) repeat;
}
.header_item{
width: 980px;
margin: 0 auto;
}
.menu_head{
width: 100px;
height: 100px;
border-radius: 100px;
border: solid 3px #fff;
overflow: hidden;
}
.menu_head img{
width: 100%;
height: 100%;
}
.menu_info{
width:840px;
margin-left: 20px;
}
.info_name{
font-size: 18px;
line-height: 40px;
font-weight: bold;
color: #fff;
}
.info_name_box{
margin-top: 10px;
}
.level{
font-size: 14px;
color: #f60;
font-weight: bold;
}
.info_desc{
margin-top: 10px;
font-size: 14px;
color: #FFF;
}
.banner_menu{
width: 980px;
height: 50px;
margin: 20px auto;
background: #fff;
}
.nav_box{
margin-top: 50px;
}
.nav_box ul {
overflow: hidden;
}
.nav_box ul li{
display: block;
padding: 0 20px;
}
.nav_box ul li a{
color: #fff;
font-size: 16px;
}
.nav_box ul li a:hover{
color: red;
}
.login_wrap{
background: url(../img/logo_bg.jpg) no-repeat center;
background-size: 100%;
}
.logo{
width: 500px;
height: 150px;
margin: 0px auto;
background: url(../img/logowz.png) no-repeat center;
}
.login_box{
width: 360px;
background: #FFFFFF;
margin: 0px auto;
}
.login_title{
font-size: 18px;
text-align: center;
color: #888888;
padding: 15px 0;
width: 300px;
margin: 0 auto;
border-bottom: solid 1px #CCCCCC;
}
.form_text_ipt{
width: 300px;
height: 40px;
border: solid 1px #CCCCCC;
margin: 20px auto 0 auto;
background: #FFFFFF;
}
.form_check_ipt{
width: 300px;
margin: 10px auto;
overflow: hidden;
}
.form_text_ipt input{
width: 290px;
height: 30px;
margin: 5px;
border: none;
font-family: "微软雅黑";
font-size: 15px;
color: #666;
}
.check_left label{
cursor: pointer;
}
.check_left label input{
position: relative;
top: 2px;
}
.form_btn{
width: 300px;
height: 40px;
margin: 10px auto;
}
.form_btn button{
width: 100%;
height: 100%;
border: none;
color: #FFFFFF;
font-size: 14px;
background: red;
cursor: pointer;
}
.form_reg_btn{
width: 300px;
margin: 0 auto;
font-size: 14px;
color: #666;
}
.other_login{
overflow: hidden;
width: 300px;
height: 80px;
line-height: 80px;
margin: 0px auto;
}
.other_left{
font-size: 14px;
color: #999;
}

40
css/reset.css Normal file
View File

@ -0,0 +1,40 @@
/****************************************************************
* *
* *
* *
* 努力创建完善持续更新插件以及模板 *
* *
****************************************************************/
/*reset*/
*{padding: 0;margin: 0;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html, body { height: 100%; color: #333; font-size: 12px; font-family: "微软雅黑",MicrosoftYaHei;}
a { text-decoration: none; color: #3cf; -webkit-tap-highlight-color: transparent;}
li{list-style: none;}
table{border-collapse: collapse;}
input {outline: medium none;font-family: "微软雅黑",MicrosoftYaHei;font-size: 14px;}
button{font-family:"微软雅黑",MicrosoftYaHei;}
em {font-style: normal;}
.wrap{max-width: 100%;min-height: 100%;overflow: hidden;margin: 0 auto;background: #ccc;}
.left{float: left;}
.right{float: right;}
.clear{clear:both;}
.red{color: #f60;}
.ececk_warning{
font-size: 13px;
color: red;
width: 300px;
margin: 0 auto;
display: none;
}

BIN
img/logo_bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
img/logowz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

77
index.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>清爽用户登录注册页面模板源码 - </title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/common.css" />
</head>
<!--/************************************************************
* *
* *
* *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div class="wrap login_wrap">
<div class="content">
<div class="logo"></div>
<div class="login_box">
<div class="login_form">
<div class="login_title">
登录
</div>
<form action="" method="post">
<div class="form_text_ipt">
<input name="username" type="text" placeholder="手机号/邮箱">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_text_ipt">
<input name="password" type="password" placeholder="密码">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_check_ipt">
<div class="left check_left">
<label><input name="" type="checkbox"> 下次自动登录</label>
</div>
<div class="right check_right">
<a href="#">忘记密码</a>
</div>
</div>
<div class="form_btn">
<button type="button">登录</button>
</div>
<div class="form_reg_btn">
<span>还没有帐号?</span><a href="register.html">马上注册</a>
</div>
</form>
<div class="other_login">
<div class="left other_left">
<span>其它登录方式</span>
</div>
<div class="right other_right">
<a href="#">QQ登录</a>
<a href="#">微信登录</a>
<a href="#">微博登录</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/common.js" ></script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>

45
js/common.js Normal file
View File

@ -0,0 +1,45 @@
/****************************************************************
* *
* *
* *
* 努力创建完善持续更新插件以及模板 *
* *
****************************************************************/
$(function(){
//登录输入框效果
$('.form_text_ipt input').focus(function(){
$(this).parent().css({
'box-shadow':'0 0 3px #bbb',
});
});
$('.form_text_ipt input').blur(function(){
$(this).parent().css({
'box-shadow':'none',
});
//$(this).parent().next().hide();
});
//表单验证
$('.form_text_ipt input').bind('input propertychange',function(){
if($(this).val()==""){
$(this).css({
'color':'red',
});
$(this).parent().css({
'border':'solid 1px red',
});
//$(this).parent().next().find('span').html('helow');
$(this).parent().next().show();
}else{
$(this).css({
'color':'#ccc',
});
$(this).parent().css({
'border':'solid 1px #ccc',
});
$(this).parent().next().hide();
}
});
});
console.log("\u002f\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u000d\u000a\u0020\u002a\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u002a\u0009\u0009\u000d\u000a\u0020\u002a\u0020\u0009\u0009\u0009\u0009\u0009\u0009\u0020\u0020\u0020\u0020\u0020\u0020\u4ee3\u7801\u5e93\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u002a\u000d\u000a\u0020\u002a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0077\u0077\u0077\u002e\u0064\u006d\u0061\u006b\u0075\u002e\u0063\u006f\u006d\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u002a\u000d\u000a\u0020\u002a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0009\u0009\u0020\u0020\u52aa\u529b\u521b\u5efa\u5b8c\u5584\u3001\u6301\u7eed\u66f4\u65b0\u63d2\u4ef6\u4ee5\u53ca\u6a21\u677f\u0009\u0009\u0009\u002a\u000d\u000a\u0020\u002a\u0020\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u002a\u000d\u000a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002a\u002f");

11
js/jquery.min.js vendored Normal file

File diff suppressed because one or more lines are too long

77
login.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>清爽用户登录注册页面模板源码 - </title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/common.css" />
</head>
<!--/************************************************************
* *
* *
* *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div class="wrap login_wrap">
<div class="content">
<div class="logo"></div>
<div class="login_box">
<div class="login_form">
<div class="login_title">
登录
</div>
<form action="" method="post">
<div class="form_text_ipt">
<input name="username" type="text" placeholder="手机号/邮箱">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_text_ipt">
<input name="password" type="password" placeholder="密码">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_check_ipt">
<div class="left check_left">
<label><input name="" type="checkbox"> 下次自动登录</label>
</div>
<div class="right check_right">
<a href="#">忘记密码</a>
</div>
</div>
<div class="form_btn">
<button type="button">登录</button>
</div>
<div class="form_reg_btn">
<span>还没有帐号?</span><a href="register.html">马上注册</a>
</div>
</form>
<div class="other_login">
<div class="left other_left">
<span>其它登录方式</span>
</div>
<div class="right other_right">
<a href="#">QQ登录</a>
<a href="#">微信登录</a>
<a href="#">微博登录</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/common.js" ></script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>

71
register.html Normal file
View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>清爽用户登录注册页面模板源码 - </title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/common.css" />
</head>
<!--/************************************************************
* *
* *
* *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div class="wrap login_wrap">
<div class="content">
<div class="logo"></div>
<div class="login_box">
<div class="login_form">
<div class="login_title">
注册
</div>
<form action="" method="post">
<div class="form_text_ipt">
<input name="username" type="text" placeholder="手机号/邮箱">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_text_ipt">
<input name="password" type="password" placeholder="密码">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_text_ipt">
<input name="repassword" type="password" placeholder="重复密码">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_text_ipt">
<input name="code" type="text" placeholder="验证码">
</div>
<div class="ececk_warning"><span>数据不能为空</span></div>
<div class="form_btn">
<button type="button">注册</button>
</div>
<div class="form_reg_btn">
<span>已有帐号?</span><a href="index.html">马上登录</a>
</div>
</form>
<div class="other_login">
<div class="left other_left">
<span>其它登录方式</span>
</div>
<div class="right other_right">
<a href="#">QQ登录</a>
<a href="#">微信登录</a>
<a href="#">微博登录</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/common.js" ></script>
</body>
</html>

View File

@ -0,0 +1,9 @@
[DEFAULT]
BASEURL=http://www.mobanwang.com/
[InternetShortcut]
URL=http://www.cssmoban.com/
Modified=B00425471868C60167
IDList=
HotKey=0
[{000214A0-0000-0000-C000-000000000046}]
Prop3=19,2