nav-blue
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>testtd</title>
<meta name="Keywords" content="test"/>
<meta name="Description" content="test"/>
<link rel="stylesheet" href="static/css/global-blue.css"/>
<link rel="stylesheet" href="static/css/member.css"/>
<style>
body{min-width: 1260px;}
a:hover{text-decoration: none}
.wide{width: 1200px; margin: 0 auto;}
</style>
<style>
.head-module{
background:#006cc2 url(http://www.phpwind.net/themes/site/link2015/images/common/navBbg.png) center top repeat;/*导航背景*/
box-shadow:0 1px 3px rgba(0,0,0,0.3);
display:block;
width:100%;
padding-bottom:5px;
}
.head {
display:block;
width:100%;
background:#0078d8 url(http://www.phpwind.net/themes/site/link2015/images/common/headbg.png) center top repeat;
}
.header {
margin: auto;
height: 100px;
}
.logo{
height:100px;
line-height:100px;
float:left;
margin-right:25px;
}
.logo a {display: inline-block; float:left}
.logo a img{ vertical-align:middle;}
.nav-wrap{}
.nav{
float:left; font-family:Microsoft Yahei;
}
.nav ul{
height:100px;
float:left;
padding:0 3px 0;
}
.nav li{
float:left;
}
.nav li a{
color:#ffffff;
display:block;
float:left;
line-height:100px;
height:100px;
font-size:16px;
padding:0 20px;
moz-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-o-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
background:url(http://www.phpwind.net/themes/site/link2015/images/common/nav_hover.png) center 100px repeat-x;
}
.nav li.current a,.nav li a:hover{
text-decoration:none;
background:rgba(0,0,0,0.1);
background-position: center 0;
_background:#0060ad;
}
.nav li.current a{
background:url(http://www.phpwind.net/themes/site/link2015/images/common/nav_cur.png) center 90px repeat-x;
_background:url(http://www.phpwind.net/themes/site/link2015/images/common/nav_cur_ie6.png) center bottom repeat-x;
}
.nav li.current a:hover{
background-position:center -10px;
_background-position:center bottom;
}
.header-login{
float:right;
padding:39px 0 0;
}
.header-login a{
color:#fff;
}
.to-home{float: right; padding-top: 30px;}
.to-home-btn{float: left; display: block; padding: 5px 12px;color:#fff; border: 1px solid #fff;border-radius: 3px;}
.to-home-btn:hover{border: 1px solid #fff; border-radius: 3px; background-color: #fff; color: #105cb6;}
.login-out{float: left; padding-top: 6px; margin-left: 18px; color: #fff;}
</style>
</head>
<body>
<div class="head-module">
<div class="head">
<div class="wide header">
<div class="logo">
<a href="http://www.phpwind.net/">
<!--后台logo上传-->
<img src="http://img1.phpwind.net/attachout/background/4439b6b579ac496.png" alt="phpwind 官方论坛">
</a>
</div>
<nav class="nav-wrap">
<div class="nav">
<ul>
<li class="current"><a href="http://www.phpwind.net/index.php?m=bbs&c=forumlist">首页</a></li>
<li class=""><a href="http://www.phpwind.net/index.php?m=bbs">新帖</a></li>
<li class=""><a href="http://phpwind.com/product.html" target="_blank">下载</a></li>
<li class=""><a href="http://www.aliyun.com/act/aliyun/cloudmarket/spec/phpwind.html" target="_blank" style="font-weight:bold;">插件与模板</a></li>
<li class=""><a href="http://market.aliyun.com/products/55586021/cmjz000579.html" target="_blank" style="font-weight:bold;">1元商业授权</a></li>
<li class=""><a href="http://www.phpwind.com/setup.html" target="_blank">一键部署</a></li>
</ul>
</div>
</nav>
<div class="undis header-login">
<a rel="nofollow" href="http://www.phpwind.net/index.php?m=u&c=login" class="mr15">登录</a><a rel="nofollow" href="http://www.phpwind.net/index.php?m=u&c=register">注册</a>
</div>
<div class="to-home">
<a class="to-home-btn" href="">进入会员中心</a>
<a class="login-out" href="">退出</a>
</div>
</div>
</div>
</div>
</body>
</html>