搜索引擎模仿

代码语言: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,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");
            background-repeat: no-repeat;
            background-position: center center;
            display: block;
            height: 125px;
            margin: 0 auto;
            position: relative;
            width: 400px;
            z-index: 0
        }

        .skin-search-button {
            background: #19b955;
            color: #fff
        }



        .skin-search-button:hover {
            background: #1bc550
        }

        .skin-search-button:active {
            background: #00ab36
        }

        .less728 .ac_wrap,.less696 .ac_wrap {
            font-size: 14px
        }

        body.search-input-fixed .skin-search-input {
            border: 1px solid #bbb
        }


        #main {
            clear: both;
            margin: 0 auto;
            padding-bottom: 75px;
            width: 900px
        }

        #bd_tabnav {
            float: left;
            font-size: 13px;
            line-height: 18px;
            margin: 0 auto 10px;
            z-index: 10;
            *zoom: 1
        }

        #bd_tabnav,#so_tabs_more {
            position: relative
        }

        #so_tabs_menu {
            display: none;
            left: 428px;
            position: absolute;
            top: 27px
        }

        #bd_search {
            margin-bottom: 70px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            -webkit-transition: margin-bottom .4s;
            transition: margin-bottom .4s;
            width: 645px;
            _z-index: 1
        }

        #input-container {
            *background: #fff;
            position: relative;
            width: 640px;
            z-index: 9
        }

        #suggest-align {
            height: 34px;
            padding: 5px 10px;
            position: relative;
            vertical-align: top;
            width: 519px
        }

        #input {
            *background: transparent;
            background: rgba(0,0,0,.001);
            border: none;
            color: #333;
            float: left;
            font-size: 16px;
            height: 30px;
            left: 10px;
            line-height: 30px;
            margin-top: 3px;
            top: 5px;
            width: 519px
        }

        #input,#search-button {
            outline: none;
            position: absolute
        }

        #search-button {
            -webkit-appearance: none;
            border: 0;
            border-radius: 0;
            cursor: pointer;
            font-family: "Microsoft YaHei";
            font-size: 18px;
            height: 46px;
            left: 540px;
            letter-spacing: 1px;
            top: 0;
            vertical-align: top;
            width: 100px
        }

        #footer {
            bottom: 0;
            left: 0;
            line-height: 24px;
            min-width: 700px;
            padding: 6px 0;
            position: absolute;
            text-align: center;
            width: 100%;
            z-index: 0
        }

        #so_tabs_menu a {
            display: block;
            margin: 0
        }

        #footer span {
            color: rgba(0,0,0,.1);
            color: #c5c5c5\9;
            margin: 0 8px
        }

        #bd_tabnav nav a {
            display: inline-block;
            float: left;
            margin: 0 10px;
            position: relative
        }

        #so_tabs_more .skin-tab-ico {
            height: 6px;
            overflow: hidden;
            position: absolute;
            right: -13px;
            top: 6px;
            vertical-align: middle;
            width: 10px
        }



        #suggest-align .placeholder-default {
            color: #999;
            font-size: 16px;
            left: 10px;
            line-height: 16px;
            position: absolute;
            top: 15px
        }

        #input.lowie-bg {
            filter: alpha(opacity=10)
        }

        .less888 #bd_logo {
            margin: 95px auto 50px
        }

        .less888 #bd_search {
            margin-bottom: 60px
        }

        .less728 #bd_logo {
            margin: 25px auto 50px
        }

        .less696 #bd_logo {
            margin: 10px auto 25px
        }

        .less728 #bd_search {
            margin-bottom: 40px
        }

        .less696 #bd_logo {
            margin: 10px auto 25px
        }

        .less696 #bd_search {
            margin-bottom: 20px
        }

        #main .has-jinju {
            margin-bottom: 30px
        }

        body.widescreen #main {
            width: 1200px
        }

        body.widescreen #so_tabs_menu {
            left: 438px
        }

        body.search-input-fixed #input-container {
            margin-left: 13px;
            transition: margin-left .1s
        }

        .skin #footer span {
            color: rgba(255,255,255,.2);
            color: #fff\9;
            margin: 0 8px
        }

        body.search-input-fixed #bd_search form {
            margin: 0 auto;
            position: relative;
            width: 645px
        }

        body.widescreen #bd_tabnav nav a {
            margin: 0 0 0 20px
        }

        .less888 .hascard #bd_logo {
            margin: 90px auto 50px
        }

        .less728 .hascard #bd_logo {
            margin: 30px auto
        }

        .less696 .hascard #bd_logo {
            margin: 8px auto
        }

        body.search-input-fixed #bd_search .fixed {
            background-color: #fff;
            box-shadow: 0 1px 3px 0 rgba(0,0,0,0.20);
            height: 61px;
            min-width: 1000px;
            opacity: 0.95;
            padding-top: 15px;
            position: fixed;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1001
        }

        body.search-input-fixed.widescreen #input-container {
            margin-left: -137px
        }

        body.search-input-fixed.widescreen #bd_search .fixed-logo {
            margin-left: -600px
        }

        #bd_tabnav nav #so_tabs_more {
            margin-right: 13px
        }

@media screen and (max-height:1600px) {
            #bd_logo {
                margin: 260px auto 15px
            }
        }

@media screen and (max-height:1440px) {
            #bd_logo {
                margin: 110px auto 15px
            }
        }

@media screen and (max-height:900px) {
            #bd_logo {
                margin: 50px auto 15px
            }
        }

@media screen and (max-height:696px) {
            #bd_logo {
                margin: 20px auto 15px
            }
        }

        .skin .ac_wrap {
            margin-top: 0
        }

        .skin-text,.skin-text a {
            color: #666
        }

        .skin-text:hover,.skin-text a:hover {
            color: #333
        }

        .skin .skin-text,.skin .skin-text a {
            color: #fff
        }

        .skin .skin-text:hover,.skin .skin-text a:hover {
            color: rgba(255,255,255,.8)
        }



        .skin-search-input {
            border: 1px solid #bbb
        }

        .skin-text-tab strong {
            color: #19b955
        }

        .skin .skin-tab-ico {
            background-position: -50px -280px
        }

        .skin-search-input:hover {
            border: 1px solid #999
        }

        .skin-search-input.hover {
            border: 1px solid #19b955
        }

        .skin .skin-search-input {
            background: rgba(255,255,255,.9);
            background: #fff\9;
            border: 1px solid #fff
        }

        .skin .skin-text-tab strong {
            color: #fff
        }

        .skin .skin-search-input:hover,.skin .skin-search-input.hover {
            background: #fff
        }

        .skin .skin-text-tab a:hover {
            color: rgba(255,255,255,.8);
            text-decoration: underline
        }

        .skin-dark .skin-text,.skin-dark .skin-text a {
            color: #666
        }

        .skin-dark .skin-text:hover,.skin-dark .skin-text a:hover {
            color: #333
        }

        .skin-dark .skin-tab-ico {
            background-position: -50px -290px
        }

        .skin-dark .skin-search-input {
            border: 1px solid #bbb
        }

        .skin-dark .skin-text-skin-text-tab strong {
            color: #19b955
        }

        .skin-dark #hd_nav li {
            border-right-color: rgba(0,0,0,.1)
        }

        .skin-dark #footer span {
            color: rgba(0,0,0,.1)
        }

        .skin-dark_light .skin-text-top,.skin-dark_light .skin-text-top a {
            color: #666
        }

        .skin-dark_light .skin-text-top:hover,.skin-dark_light .skin-text-top a:hover {
            color: #333
        }

        .skin-dark_light .skin-tab-ico {
            background-position: -50px -290px
        }

        .skin-dard_light .skin-text-foot,.skin-dard_light .skin-text-foot a {
            color: #fff
        }

        .skin-dark_light .skin-text-tab strong {
            color: #19b955
        }

        .skin-dark_light .skin-text-tab a {
            color: #666;
            text-decoration: none
        }

        .skin-dark_light .skin-text-tab a:hover {
            color: #333;
            text-decoration: underline
        }

        .skin-dark_light #hd_nav li {
            border-right-color: rgba(0,0,0,.1)
        }

        .skin-dark_light #footer span {
            color: rgba(255,255,255,.2)
        }

        .skin-light_dark .skin-text-top,.skin-light_dark .skin-text-top a {
            color: #fff
        }

        .skin-light_dark .skin-text-top:hover,.skin-light_dark .skin-text-top a:hover {
            color: rgba(255,255,255,.8);
            text-decoration: underline
        }

        .ad-wrap {
            color: #fff;
            font-size: 14px;
            margin-bottom: 30px;
            max-height: 40px;
            text-align: center
        }

        .ad-wrap a {
            position: relative
        }

        .skin-light_dark .skin-tab-ico {
            background-position: -50px -280px
        }

        .skin-light_dark .skin-text-foot,.skin-light_dark .skin-text-foot a {
            color: #666
        }

        .ad-wrap.big {
            max-height: 100px
        }

        .hascard .ad-wrap {
            display: none
        }

        .ad-wrap .jinju-icon {
            height: 14px;
            margin-right: 5px;
            vertical-align: bottom;
            width: 11px
        }

        .skin-light_dark .skin-text-tab strong,.skin-light_dark .skin-text-tab a {
            color: #fff
        }

        .skin-light_dark .skin-text-tab a:hover {
            color: rgba(255,255,255,.8);
            text-decoration: underline
        }

        body.skin-light .ad-wrap .txt {
            text-shadow: 0 0 2px rgba(0,0,0,.6)
        }

        .skin-light_dark #hd_nav li {
            border-right-color: rgba(255,255,255,.2)
        }

        .skin-light_dark #footer span {
            color: rgba(0,0,0,.1)
        }

        #main .ad-wrap i {
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMjQgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3LjEgKDQ1NDIyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyIENvcHkgMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLop4TojIMtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzMC4wMDAwMDAsIC0xOTAuMDAwMDAwKSI+CiAgICAgIC.........完整代码请登录后点击上方下载按钮下载查看

网友评论0