EMLOG学院

前台添加内嵌式登陆模块

摘要: 如下图: ...

如下图:

1.png


来看代码


<div class="login">
	     <form method="post" action="<?php echo BLOG_URL; ?>admin/index.php?action=login" name="f">
               <ul class="login">
                    <li><label for="log">登陆账号:</label><input type="text" value="" id="user" name="user"></li>
                    <li><label for="pwd">登陆密码:</label><input type="password" id="pw" name="pw"></li>
                    <li><input type="submit" class="submit1" value="确 定" name="submit">&nbsp; &nbsp;<input type="reset" class="submit2" name="Submit2" value="取 消"><input type="hidden" value="/" name="redirect_to"></li>
               </ul>
         </form>
	</div>
再贴上我用的CSS



/*foot内嵌式登陆模块*/
.login{float:right;color:#FFFFFF}
.login input {width:112px;}
.login .submit1 {width:68px; background-color:#2AB5DC;}
.login .submit1:hover{background-color:#FF006C;}
.login .submit2:hover{background-color:#FF006C;}
.login .submit2 {width:68px; margin-left:24px;background-color:#2AB5DC;}


评论(0)