注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

米欧光影工作室

No matter what you want to express……

 
 
 

日志

 
 
关于我

{ note: ‘不会编程的设计狮不是好科研狗’ }

网易考拉推荐

一键登录163邮箱的html代码  

2013-06-18 14:39:07|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
效果图:
一键登录163邮箱的html代码 - jimmyMall - JimmyMall
  

适用人群:
有很多163邮箱需要维护的人。
其他邮箱正在加紧探索中。


代码:(配了一组好看的css按钮)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>163邮箱-快捷登陆</title>
<!--auther wjl(jimmymall#163.com) -->
<style type="text/css">
/*background and structure*/
html,body,div,a,p,ul,li{margin:0; padding:0;}
#wrap{
  background-color: #f5f5f5;
  width:50%;
  padding: 50px;
  margin:0 auto;
}

#light {
  background-color: #FFF;
  border: 1px solid #dedede;
  padding: 10px;
  margin-top: 20px;
}
ul, menu, dir {
 display: block;
 list-style-type: disc;
 -webkit-margin-before: 1em;
 -webkit-margin-after: 1em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 -webkit-padding-start: 40px;
}
li {
 list-style: none;
 padding-top: 10px;
 padding-bottom: 10px;
}


/*main style of button*/
.button, .button:visited {
background: #222 url(overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}


/*sizes of button*/
.small.button, .small.button:visited       { font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited { font-size: 14px;
padding: 8px 14px 9px; }

.super.button, .super.button:visited { font-size: 34px;
padding: 8px 14px 9px; }

 
/*colors of button*/
.pink.button, .magenta.button:visited { background-color: #e22092; }
.pink.button:hover { background-color: #c81e82; }
.green.button, .green.button:visited{ background-color: #91bd09; }
.green.button:hover        { background-color: #749a02; }
.red.button, .red.button:visited{ background-color: #e62727; }
.red.button:hover{ background-color: #cf2525; }
.orange.button, .orange.button:visited{ background-color: #ff5c00; }
.orange.button:hover{ background-color: #d45500; }
.blue.button, .blue.button:visited           { background-color: #2981e4; }
.blue.button:hover{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited{ background-color: #ffb515; }
.yellow.button:hover{ background-color: #fc9200; }
</style>

</head>



<body>
<div id="wrap">

<p><b>一键登陆:</b>163邮箱</p>




<div id="light">
<ul>
<li><a href="
https://reg.163.com/logins.jsp?url=http%3A%2F%2Ffm163.163.com%2Fcoremail%2Ffcg%2Fntesdoor2%3Fverifycookie%3D1%26language%3D-1%26style%3D-1&type=1&product=mail163
&username=用户名
&password=密码
&submit=%" class="super button pink" target="_blank" title="在新窗口登陆邮箱">mailbox001</a>
<a href="
https://reg.163.com/logins.jsp?url=http%3A%2F%2Ffm163.163.com%2Fcoremail%2Ffcg%2Fntesdoor2%3Fverifycookie%3D1%26language%3D-1%26style%3D-1&type=1&product=mail163
&username=用户名
&password=密码
&submit=%" class="large button green" target="_blank" title="在新窗口登陆邮箱">wangr_prospbio@163</a></li>
<li> <a class="large button blue">Blue Button</a>
<a class="large button red">Red Button</a></li>
<li><a class="large button orange">Orange Button</a>
<a class="large button yellow">Yellow Button</a></li>
</ul>
</div>

<br />
<p style="color:#999"><b>tips:</b>网易邮箱“三个月不用会被冻结,如该帐号连续540天没有登录,网易公司有权删除该帐号.”</p>
</div>
</body>
</html>


使用方法:
复制代码到记事本中,修改最后~20行中的用户名和密码,保存为.html文件,双击打开,单击按钮登录到邮箱。



refer:
[1] 10 套华丽的 CSS3 按钮推荐 http://www.iteye.com/news/24803
  评论这张
 
阅读(640)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017