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

米欧光影工作室

No matter what you want to express……

 
 
 

日志

 
 
关于我

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

网易考拉推荐

网页底部footer部分2:网站导航  

2013-08-02 07:26:28|  分类: html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
效果图:
网页底部footer部分2:网站导航 - 米欧studio - 米欧光影工作室
 
html部分:

<!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=utf-8" />
<title>footer</title>
<link rel="stylesheet" text="text/css" href="css/common2.css"/>


</head>

<body>



<div id="footer">
<div class="wrap clearfix">


<div class="section f">
<a id="logo1"><img src="http://img.kuailiyu.net/templates/white/main/images/common/logo.png" alt="快鲤鱼"></a>
</div>


<div class="section b">
<div class="border">
<h3>关于快鲤鱼</h3>
<p>我们专注传播最新、最酷的创业公司理念,及最新的行业动态及研究数据</p>
</div><!--footer_main-->
</div>



<div class="section l">
<div id="links">
<h3>友情链接</h3>
<p>
<a href="http://tech.sina.com.cn/" target="_blank">新浪科技</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://tech.qq.com/" target="_blank">腾讯科技</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://tech.163.com/" target="_blank">网易科技</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://tech.ifeng.com/" target="_blank">凤凰科技</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://www.paidai.com/" target="_blank">派代网</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://tc.people.com.cn/" target="_blank">人民网通信频道</a>
</p><!--footer_main_fans-->
</div>
<!--<form id="orderForm"method="get" action="">
<input id="order" class="input" type="text" value="请输入您的邮箱" />
<button class="order_Button">订阅周报</button></form>-->
</div>


</div>











<div class="footer_bottom">
<div>
<a href="./about/about.html" target="_blank">关于创业邦</a> |
<a href="./about/consultant.html" target="_blank">顾问委员会</a> |
<a href="./about/contact.html" target="_blank"> 联系我们</a> |
<a href="./about/cooperation.html" target="_blank">友情合作</a> |
<a href="./about/copyright.html" target="_blank"> 版权声明</a> |
<a href="./about/hr.html" target="_blank">诚聘英才</a> |
<a href="http://magazine.cyzone.cn/subscription.html" target="_blank">杂志订阅</a>
</div>

<div>
<a href="./about/about.html" target="_blank">Copyright 2007-2013 cyzone.cn All rights reserved</a>
<a href="http://www.bca.gov.cn/" title="" target="_blank">京ICP证070362号</a>
<a href="http://www.miibeian.gov.cn/" title="" target="_blank">京ICP备08103950-5号</a>
<a href="http://www.pinganhd.com/" target="_blank">京公海网安备110108000742号</a>
</div>

</div>

</div>



</body>
</html>





css部分:

@charset "utf-8";
/* CSS Document
@import url(reset.css);*/

body,div,
h1,h2,h3,h4,h5,h6,
/*
ul,ol,li,
dl,dt,dd,
pre,code,
form,fieldset,
legend,input,textarea,
th,td,img ,
blockquote,
*/
p{ margin:0; padding:0;}

li { list-style:none;}

.clearfix:after {visibility: hidden;display:block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

html{ background-color:#ececec;}
body{
background-color:#ececec;
font-size:14px;
font-family: "微软雅黑" Arial;
color:#585858;
position:relative;
}

a{ color:#0086be; text-decoration: none;}

a:hover{ text-decoration: underline;}

.wrap{ width: 990px; margin: 0 auto;}


/*footer*/
#footer{
border-top:6px solid #bababa;
padding: 20px 0;
overflow: hidden;
font-size: 12px;
background:#2a2a2a
}
.footer_bottom{

padding-top:20px;
text-align:center;
width:990px;
margin:0 auto;
}
.footer_bottom div{

line-height:20px;
}
.footer_bottom a{
color: #919191;
display: inline-block;
}

div.section{
float: left;
color: #919191;
line-height: 20px;
}

div.border{
border-right: 1px solid #161616;
border-left: 1px solid #454545;
padding: 0 30px;
}

div.section.b{
padding: 0;
border-right: 1px solid #454545;
border-left: 1px solid #161616;
}

.section.f{
border-left: 0;
padding:0 20px 0 10px;
}

.section.l{
padding-left: 30px;
color:#3d3d3d;
width:252px;
}

div.section h3{
color: #ececec;
font-size: 14px;
}

.section.l a{
color:#919191;
display:inline-block;
}

#order{
border-top:2px solid #000;
border-bottom:2px solid #000;
}

.order_Button{
float: left;
width: 68px;
margin:2px 0 0 10px;
}

div.section .attention{
width: 250px;
float: none;
margin-bottom: 10px;
}
div.section a.v{
font-size: 14px;
color:#ececec;
}

div.section .fans{
color:#a9a9a9;
}








refer:
  评论这张
 
阅读(701)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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