如何在自己网页中制作仿腾讯企业邮登录页面

admin · 发表于 2014-10-11 12:47:45

先上效果图：

参考代码：

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>小龙虾论坛-邮件系统</title>
</head>
<body bgcolor=#eff9fa style="overflow-x:hidden">
<style >
.bizmail_loginpanel{font-size:18px;width:400px;height:280;border:0px solid #ffffff;background-image:url(img/bg.png);}
.bizmail_LoginBox{padding:20px 20px;}
.bizmail_loginpanel h3{padding-bottom:10px;margin:0 0 0 0;border-bottom:1px solid #ffffff;font-size:18px;}
.bizmail_loginpanel form{margin:0;padding:30 0;}
.bizmail_loginpanel input.text{font-size:14px;width:100px;height:20px;margin:0 5 0 0;border:1px solid #C3C3C3;border-color:#7C7C7C #C3C3C3 #C3C3C3 #9A9A9A;}
.bizmail_loginpanel .bizmail_column{height:60px;}
.bizmail_loginpanel .bizmail_column label{display:block;float:left;width:50px;height:24px;line-height:24px;font-size:18px;}
.bizmail_loginpanel .bizmail_column .bizmail_inputArea{float:left;width:240px;}
.bizmail_loginpanel .bizmail_column span{font-size:18px;word-wrap:break-word;margin-left:3px;line-height:150%;}
.bizmail_loginpanel .bizmail_SubmitArea{margin:0 0 0 50;clear:both;}
.bizmail_loginpanel .bizmail_SubmitArea a{font-size:12px;margin-left:40px;}
.bizmail_loginpanel select{width:110px;height:30px;margin:0 2px;}
</style>
<div style="width:auto;height:78px;background:#eff9fa;margin:-10 -10 0 -10;">
<table border="0" height="78" width="100%"><tr>
<td width="50%" >
<div style="float:center; text-align:center;padding:0px 0px;">
<img src="img/logo.png" alt="小龙虾邮箱" border="0" height="50"></img>
</div>
</td>
<td width="50%"></td>
</tr></table></div>
<div style="width:auto;height:348px;background:#4b74b2;margin:0 -10 0 -10;">
<table border="0" width="100%" height="348" >
<tr>
<td width="50%">
<div style="text-align:right;margin:0 0 0 0;">
<img src="img/login.jpg"></img>
</div>
</td>
<td width="50%">
<table border="0" width="100%" height="200" align="left" background="">
<tr><td>
<script type="text/javascript" src="http://exmail.qq.com/zh_CN/htmledition/js_biz/outerlogin.js" charset="gb18030"></script>
<script type="text/javascript">
writeLoginPanel({domainlist:"yusian.com", mode:"vertical"});
</script>
</td></tr>
</table>
</td></tr>
</table>
</div>
<!--
<table align="center" height="30"><tr><td>
</td></tr></table>
-->
</body>
</html>

复制代码

帐号		自动登录	找回密码
密码			立即注册

如何在自己网页中制作仿腾讯企业邮登录页面

相关帖子