no message

admin-index.html

@@ -31,10 +31,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html" class="active"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html" class="active"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -43,21 +43,20 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
       </div>
     </div>
     <div class="userMain">
       <div class="userContent">
-          <a href="#"><img class="userImg" src="images/01.jpg"></a>
-          <!-- <span class="userName"><a href="#">管理员</a></span> -->
+          <span><img class="userImg" src="images/01.jpg"></span>
+          <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
       </div>
-      <div class="exit">退出</div>
     </div>
   </div>
   <!-- leftWrapper end -->

admin-list.html

@@ -30,10 +30,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -42,13 +42,19 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
+      </div>
+      <div class="userMain">
+        <div class="userContent">
+            <span><img class="userImg" src="images/01.jpg"></span>
+            <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        </div>
       </div>
     </div>
   </div>

admin-login.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang=zh-cn> 
+<head>
+  <meta charset=utf-8> 
+  <title>通行帐号后台</title> 
+  <meta name=description content=>  
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit"> 
+  <link rel=stylesheet href=css/bootstrap.css> 
+  <link rel=stylesheet href=css/style.css>
+  <script src=js/jquery-1.9.1.min.js></script>
+  <script src=js/bootstrap.js></script>
+</head>
+
+<body style="background:#F2F2F2;">
+<div class="loginWrapper">
+	<div class="loginContent">
+		<div class="loginTitleMain">
+			<h3 class="loginTitle logoTitleTx">通行帐号后台</h3>
+			<div class="loginOther">
+				<div class="dropdown">
+					<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						其他网站后台 <span class="caret"></span>
+					</a>
+					<ul class="dropdown-menu">
+						<li><a href="#">官网后台</a></li>
+						<li><a href="#">网络版后台</a></li>
+						<li><a href="#">文库后台</a></li>
+						<li><a href="#">问答后台</a></li>
+						<li><a href="#">价格信息后台</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="loginForm">
+			<form>
+			    <div class="form-group">
+				    <label class="sr-only" for="userName">用户名</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
+				        <input type="text" class="form-control" id="userName" placeholder="用户名">
+				    </div>
+			    </div>
+			    <div class="form-group">
+				    <label class="sr-only" for="userPassword">密码</label>
+				    <div class="input-group">
+				        <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
+				        <input type="text" class="form-control" id="userPassword" placeholder="密码">
+				    </div>
+			    </div>
+			  <button type="submit" class="btn btn-primary btnLogin">登录</button>
+			</form>
+		</div>
+		<div class="loginBottom"><a href="#" data-toggle="modal" data-target="#myModal">忘记密码！</a></div>
+	</div>
+</div>
+
+
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title">找回密码</h4>
+      </div>
+      <div class="modal-body">
+        <p>通行帐号/注册邮箱</p>
+        <input id="email" name="email" class="form-control inputText" placeholder="系统将会发送一份邮件至该账户注册时所填写的邮箱，请注意查收！">
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
+        <button type="button" class="btn btn-primary">确定</button>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>

admin-maillist.html

@@ -30,10 +30,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -42,13 +42,19 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html" class="active"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html" class="active"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
+      </div>
+      <div class="userMain">
+        <div class="userContent">
+            <span><img class="userImg" src="images/01.jpg"></span>
+            <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        </div>
       </div>
     </div>
   </div>

admin-orderlist.html

@@ -30,10 +30,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -42,13 +42,19 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html" class="active"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html" class="active"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
+      </div>
+      <div class="userMain">
+        <div class="userContent">
+            <span><img class="userImg" src="images/01.jpg"></span>
+            <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        </div>
       </div>
     </div>
   </div>

admin-salelist.html

@@ -30,10 +30,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -42,13 +42,19 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html" class="active"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html" class="active"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
+      </div>
+      <div class="userMain">
+        <div class="userContent">
+            <span><img class="userImg" src="images/01.jpg"></span>
+            <div class="subMenuText userName"><a href="admin-userinfo.html">管理员</a> <a class="exit" href="#"><span class="glyphicon glyphicon-log-out"></span> 退出</a></div>
+        </div>
       </div>
     </div>
   </div>

admin-userlist.html

@@ -30,10 +30,10 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><span class="subMenuText">首页</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-index.html"><i class="iconImg icon-">J</i><div class="subMenuText">首页</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><span class="subMenuText">用户管理<span class="caret"></span></span></a></h2>
+        <h2 class="subMenuTitle"><a href="#" class="active"><i class="iconImg icon-">D</i><div class="subMenuText">用户管理<span class="fR caret caret-triangle"></span></div></a></h2>
         <div class="subMenuContent">
           <ul>
             <li><a href="admin-userlist.html">用户中心</a></li>
@@ -42,13 +42,13 @@
         </div>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><span class="subMenuText">订单管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-orderlist.html"><i class="iconImg icon-">G</i><div class="subMenuText">订单管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><span class="subMenuText">邮件管理</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-maillist.html"><i class="iconImg icon-">H</i><div class="subMenuText">邮件管理</div></a></h2>
       </div>
       <div class="subMenu">
-        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><span class="subMenuText">销售提成</span></a></h2>
+        <h2 class="subMenuTitle"><a href="admin-salelist.html"><i class="iconImg icon-">I</i><div class="subMenuText">销售提成</div></a></h2>
       </div>
     </div>
   </div>

css/style.css

@@ -76,37 +76,49 @@ table {
 
 .loginWrapper{
   position: absolute;
-  width: 450px;
+  width: 430px;
   height: 320px;
   top: 50%;
   left: 50%;
-  background:#EEF1E9;
+  background:#fff;
+  box-shadow: 0 8px 8px -6px #aaa;
+  -moz-box-shadow:0 8px 8px -6px #aaa;
+  -webkit-box-shadow:0 8px 8px -6px #aaa;
   border: 1px solid #eee;
   border-radius: 5px;
   margin-left:-225px;
   margin-top: -160px; 
 }
 .loginContent{
-  padding: 20px 15px;
+  padding: 20px 40px;
 }
 .loginTitle{
-  text-align: center;
+  text-align: left;
+  padding-left:10px;
+  border-left: 4px solid #aaa;
+}
+.logoTitleTx{
+  border-left:4px solid #009F86;
 }
 .loginForm{
-  margin: 20px 20px;
+  margin: 30px 0 20px 0;
 }
 .btnLogin{
-  padding:10px 0;
   width:100%;
 }
-.loginOther{
-  margin-top: 15px;
+.loginTitleMain{
+  position:relative;
 }
-.loginOther a{
-  padding:0 10px;
+.loginOther{
+  position:absolute;
+  top:5px;
+  right:0;
 }
 
 /* -------------index start-------------- */
+.wrapper{
+  overflow-x:hidden;
+}
 .leftWrapper{
   position:fixed;
   overflow-y:auto;
@@ -190,27 +202,38 @@ table {
 }
 .subMenuText{
   position:absolute;
+  width:125px;
+  top:15px;
   left:56px;
   display:none;
 }
+.caret-triangle{
+  margin-top:12px;
+}
 .userMain{
   position:absolute;
-  bottom:20px;
+  bottom:10px;
 }
 .userImg{
-  margin:0 8px;
-  width:36px;
-  height:36px;
+  margin:0 12px;
+  width:32px;
+  height:32px;
   border-radius: 18px; 
 }
 .userName{
   display:none;
   font-size: 14px;
+  top:8px;
+}
+.userName a{
+  color:#ccc;
+}
+.userName a:hover{
+  color:#fff;
+  text-decoration: none;
 }
 .exit{
-  margin:5px 14px;
-  font-size: 12px;
-  cursor:pointer;
+  margin:0 0 0 15px;
 }
 .iconImg{
   font-size: 20px;

js/global.js

@@ -17,7 +17,7 @@ $(document).ready(function(){
     $(this).parent().next().slideToggle();
     $(this).parent().next().addClass("menu-list");
     });
-  $(".leftContent").hover(function(){  
+  $(".leftWrapper").hover(function(){  
     $(".leftWrapper").stop().animate({width:"200px"},300);
     $(".mainWrapper").stop().animate({marginLeft:"215px",marginRight:"-200px"},300);
     $(".subMenuText").fadeIn(500);