B2主题-B2美化首页动态搜索贰

前言：

很久没关注B2主题美化这方面了，首页搜索用了挺久一段时间，是时候换换口味了。打开之前做美化子主题的网站，果然换新了，不多说，直接上手扒（毕竟人家辛辛苦苦写出来，找人家白嫖是不大可能给）不过嘛，偷偷扒来用用问题不大。

效果：

直接上代码：

<script type='text/javascript' src='wp-content/themes/b2child/Custom/newshousuo/js/jquery-3.6.0.min.js'
    id='b2-child-2-js'></script>
<script type="text/javascript" src="/wp-content/themes/b2child/Custom/newshousuo/js/shishisj.js"></script>
<script src="/wp-content/themes/b2child/Custom/newshousuo/js/js.js"></script>
<link rel="stylesheet" href="/wp-content/themes/b2child/Custom/newshousuo/css/datujianyue.css" type="text/css"
    media="all">
<div class="" style="width:100%">
    <div id="page-wrapper">
        <div class="home-banner por"><video autoplay="autoplay" muted="" loop="true"
                src="https://momeis.net/mp4/dongtaisawf.mp4" id="background-vod"
                style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;height: 100%;width: 100%;z-index: 1;display: block;"></video>
            <section class="section" style="z-index:2;">
                <div class="video-wrapper"> <img src=""> </div>
                <div class="video-overlay"> </div>
            </section>
            <div class="wrapper poa" style="top: 0;left: 50%;margin-left: -600px;z-index:2;">
                <div class="home-banner-content Onecad_clearfix">
                    <div class="slogan-text por fl">
                        <p>墨梅博客-分享互联网资源</p> <a href="" target="_blank"> <i class="iblock poa corner"
                                style="background:url(/wp-content/themes/b2child/Custom/newshousuo/imgsvg/rentu.svg) no-repeat;"></i>
                        </a>
                        <p class="promote-sub-title line-one"> 注册//登录☞积分免费下载全站内容 </p>
                    </div>
                </div>
                <div class="home-banner-search por searchv2-top-m">
                    <link rel="stylesheet" id="qinghescss"
                        href="/wp-content/themes/b2child/Custom/newshousuo/css/styleone.css" type="text/css"
                        media="all">
                    <div class="so">
                        <form method="get" class="form" action="https://momeis.net/s" target="_blank">
                            <div class="search-type"
                                style="background-image:url(/wp-content/themes/b2child/Custom/newshousuo/imgsvg/momeis.svg);">
                            </div>
                            <div id="engine" style="display:none;">
                                <ul>
                                    <li class="qinghe"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/momeis.svg"><span>墨梅博客</span>
                                    </li>
                                    <li class="baidu"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/baidu.svg"><span>百度</span>
                                    </li>
                                    <li class="bing"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/bing.svg"><span>必应</span>
                                    </li>
                                    <li class="google"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/google.svg"><span>谷歌</span>
                                    </li>
                                    <li class="sogou"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/sogou.svg"><span>搜狗</span>
                                    </li>
                                    <li class="360"><img style="width: 21px;"
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/360.svg"><span>360</span>
                                    </li>
                                    <li class="wechat"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/wechat.svg"><span>微信</span>
                                    </li>
                                    <li class="github"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/github.svg"><span>GitHub</span>
                                    </li>
                                    <li class="bilibili"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/bilibili.svg"><span>B站</span>
                                    </li>
                                    <li class="zhihu"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/zhihu.svg"><span>知乎</span>
                                    </li>
                                    <li class="douban"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/douban.svg"><span>豆瓣</span>
                                    </li>
                                </ul>
                            </div>
                            <input type="text" class="field" id="search-text" style="outline:0;width: 70%;"
                                maxlength="2048" placeholder="输入关键词进行搜索…" autofocus="autofocus" autocomplete="off"
                                value="" name="wd">
                            <div class="delete" style="display:none;"><img
                                    src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/delete.svg">
                            </div>
                            <button type="submit" class="submit" id="submit" disabled="disabled"><img
                                    src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/sosuo.svg"></button>
                            <ul id="Sugword" style="display:none;"></ul>
                        </form>
                    </div>
                    <script src="/wp-content/themes/b2child/Custom/newshousuo/js/soso.js"></script>
                    <p class="home-banner-links line-one">热搜词：<a href="https://momeis.net/?s=神仙自动救砖"
                            target="_blank">神仙自动救砖</a><a href="https://momeis.net/?s=FFCell"
                            target="_blank">FFCell</a><a href="https://momeis.net/?s=Xposed "
                            target="_blank">Xposed</a><a href="https://momeis.net/?s=lataclysm "
                            target="_blank">lataclysm</a><a href="https://momeis.net/?s=系统工具 " target="_blank">系统工具</a>
                    </p>
                    <style>
                        p.home-banner-linkss.line-one1 {
                            width: 92%;
                            font-size: 14px;
                            height: 20px;
                            line-height: 20px;
                            color: #fff;
                            text-shadow: 0 2px 4px rgb(0 0 0 / 27%);
                            margin-top: 40px;
                            text-align: center
                        }
                    </style>
                    <p class="home-banner-linkss line-one1"> 本站已稳定运行: <b>
                            <ps style="color: #d626b0;">1645</ps>
                        </b> 【天】 &nbsp;&nbsp共发布: <b>
                            <ps style="color: #d626b0;">
                                1351
                                <ps>
                        </b>
                        【篇内容】&nbsp;&nbsp;本周更新：<ps style="color: #d626b0;">75</ps>【篇】&nbsp;&nbsp;今日更新: <ps
                            style="color: #d626b0;">11</ps>【章】</p>


                    <div id="clocks" style="text-align:center;margin-top: 20px;margin-left: -80px;color: #fff;">
                    </div>
                    <p class="home-banner-linkss line-one1" style="font-size:20px;"> </p>
                </div>
            </div>
            <div class="top-navs poa" style="z-index:2;">
                <div style="width: 1250px;" class="wrapper layout-center Onecad_clearfix">
                    <div class="top-navs-l fl">
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/?s=办公软件" target="_blank"
                                    class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0101.png" alt="办公软件">
                                    <span class="wz">办公软件</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/post-category/rjzy/hyrj" class="fl"
                                    target="_blank">行业软件</a><a href="https://momeis.net/post-category/rjzy/jhgj"
                                    class="fl" target="_blank">学习工具</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/android"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0202.png" alt="安卓软件">
                                    <span class="wz">安卓软件</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/?s=Xposed" class="fl"
                                    target="_blank">Xposed 模块</a><a
                                    href="https://momeis.net/post-category/knowledge/playmachine" class="fl"
                                    target="_blank">玩机教程</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/knowledge"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0303.png" alt="技术分享">
                                    <span class="wz">技术分享</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/post-category/knowledge/appcourse"
                                    class="fl" target="_blank">软件教程</a><a
                                    href="https://momeis.net/post-category/knowledge/wdpresjc" class="fl"
                                    target="_blank">wordpress教程</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/rjzy/pcmeitichuli"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0404.png" alt="媒体工具">
                                    <span class="wz">媒体工具</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/collection/adobe_qu" class="fl"
                                    target="_blank">Adobe</a> <a href="https://momeis.net/collection/cyberlink"
                                    class="fl" target="_blank">CyberLink</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/links" target="_blank"
                                    class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0505.png"
                                        alt="Windows"> <span class="wz">友情链接</span> </a> </p>
                            <p class="top-navs-l-links"><a href="https://momeis.net/links" class="fl"
                                    target="_blank">网站导航</a><a href="https://momeis.net/link-register" class="fl"
                                    target="_blank">友链申请</a> </p>
                        </div>
                    </div>
                    <div class="top-navs-r fl Tenlonstudio_clearfix"> <a class="fl" rel="nofollow" target="_blank"
                            href="https://momeis.net/infomation"> <img
                                src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0606.png" alt="资源求助"
                                style="margin:auto;padding:auto;">
                            <p> 资源求助 </p>
                        </a><a class="fl" rel="nofollow" target="_blank" href="https://momeis.net/vips"
                            style="text-align:center;display:flex;flex-direction: column;align-items: center;">
                            <img src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0707.png" alt="开通VIP"
                                style="margin:auto;padding:auto;">
                            <p style=" width: 80px;"> 未开通VIP </p>
                        </a> </div>
                </div>
            </div>
        </div>
    </div>



    <script type="text/javascript">var clock = new Clock(); clock.display(document.getElementById("clocks"));</script>

样式 和js直接打包了