搜索引擎模仿
代码语言:html
所属分类:搜索
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>SO靠谱</title>
<style>
html,body {
height: 100%;
}
html,body,form,fieldset,input,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0
}
ul,ol {
list-style: none
}
img,fieldset {
border: none
}
a {
text-decoration: none
}
em {
font-style: normal
}
body {
background: #fff;
font-size: 12px;
font-family: arial;
min-height: 512px;
min-width: 1000px;
position: relative
}
footer,header,nav,section {
display: block\9
}
input::-ms-clear {
display: none
}
.page-wrap {
display: block;
_height: 100%;
min-height: 100%;
position: relative
}
.clearfix {
zoom: 1
}
a:hover {
text-decoration: underline
}
.clearfix:after {
clear: both;
content: "";
display: block
}
#skin_bg {
background-color: #888;
background-repeat: repeat;
background-position: center top;
background-size: cover;
background-attachment: fixed;
display: none;
left: 0;
position: fixed;
_position: absolute;
top: 0;
z-index: -10
}
#skin_bg,#skin_bg img {
height: 100%;
width: 100%;
}
#header {
height: 20px;
min-width: 990px;
padding: 10px 0 7px;
position: relative;
z-index: 11
}
#hd_nav {
float: right;
position: relative;
z-index: 1
}
#hd_nav li {
float: left;
font-size: 13px;
height: 16px;
padding: 0 10px
}
#hd_nav a {
display: inline-block;
height: 14px;
line-height: 18px
}
.skin #skin_bg {
display: block;
_display: none
}
#hd_nav li.changeskin,#hd_nav li.login {
_display: none
}
#hd_nav li.login {
border-right: none
}
#hd_nav li.login,#hd_nav li.setting {
position: relative
}
#hd_nav li.login .uname {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 44px
}
body.widescreen #hd_nav li.login .uname {
width: auto
}
#hd_nav a#user-login {
margin-right: 10px
}
.skin #hd_nav li,.skin #so_weather .bar {
border-right-color: rgba(255,255,255,0.2);
border-right-color: #fff\9
}
.skin .skin-logo {
background-image: url(https://p.ssl.qhimg.com/t01bf30d338a1898dc4.png)
}
#hd_usernav,#hd_setting {
display: none;
position: absolute;
top: 37px;
z-index: 1
}
#bd_logo {
margin: 10px auto 25px;
position: relative
}
#hd_usernav i {
left: 70%;
}
#hd_setting a {
padding: 0 15px
}
#hd_nav .new {
background: url(https://p.ssl.qhimg.com/d/inn/c600cc2e/icon-redpoint.png) no-repeat left center;
padding-left: 6px
}
#hd_setting .new1 {
background: url(https://p.ssl.qhimg.com/d/inn/c600cc2e/icon-redpoint.png) no-repeat right top;
_display: inline-block;
padding-left: 10px
}
#hd_setting .add-card,#hd_setting .close-card,#hd_setting .add-oftenso,#hd_setting .close-oftenso {
*display: none!important
}
#bd_logo.anime {
-webkit-transition: margin .4s;
-moz-transition: margin .4s;
-ms-transition: margin .4s;
transition: margin .4s
}
#hd_setting .add-card a {
position: relative
}
body.widescreen #hd_usernav i {
left: 50%;
}
#hd_setting #search_setting {
*display: none
}
.skin-dark .skin-logo,.skin-logo {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABACAYAAAAkn/rnAAAfX0lEQVR4Xu1deXxcVb3//s6dpEm6pUuW0uKDsgh1Y1FAnjyr+GjSNKFNcu8NsihPtIoPBAVcHto+QRAfiDwRUR48RZbce6dr2iZFlgraoiwPkE0KpWzN1nRLk2aZOb/3OZOZ6WQyk3tnMlnQOX+1md/5nd/5nfs7y+/8ft9DGKti67mlU3Asazyfgeka81QGTQbjEBF1Bkl2ckDsFB37t7de9FDXWImVbSergfezBmi0hJ+5qXperhCfBeGzYPpnAEcTQXNrj8FMTO8y4c8AHg1IPLq73PmbW73s71kN/CNqIKMGXLhmaWF+ns8E4SIQnZkphTLzSwDu7e+n+zsqnfcyxTfLJ6uB97sGMmLAsxr0ubm5fA1AXwaQP1pKYUaQAIshb2gpW6WMOluyGviH1sCIDFituHn5OdcR8BUQcsdKk2qbDcDf20tX7a1y3h6rdrPtZDUw0TSQtgHPadIvZOKbCVQ8Xp1ioAvM17W89eZPsfyZ/vGSI9tuVgPjpYHUDXhT+aRSMeUuIlw4XkLHt8vAH7q6AjWd1Ws6JopMWTmyGhgLDaRkwMXrqkpE3qS1BJwxFsKl0gYDb4JlZfZsnIrWsrTvdw14Nu.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0