!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>wordpress b2主题幻灯片搜索模块+四栏模块

wordpress b2主题幻灯片搜索模块+四栏模块

文本是《b2主题二开美化(共81篇)》专题的第 3 篇。阅读本文前,建议先阅读前面的文章:

效果图

wordpress b2主题幻灯片搜索模块+四栏模块

wordpress b2主题幻灯片搜索模块+四栏模块

自适应的,手机端

wordpress b2主题幻灯片搜索模块+四栏模块

我看别人都在卖这些模块,我也模仿一下吧,毕竟都为了生活….

仿站优化装修都可以找我….

css

幻灯片搜索html

<div id="html-box-dhdh" class="html-box"><div class="" style="width:100%"><div class="home-row-left content-area "><div id="html-box-shyetop" class="html-box"><div id="banner_wave_1" class="mobile-hidden"></div><div id="banner_wave_2" class="mobile-hidden"></div>

<div class="user-banner mian-bgcolor wow bounceInUp animated" style="visibility: visible; animation-name: bounceInUp;">
               <div class="container xs-1">
                              <div class="ubanner-ctn col80"><script type="text/javascript" src="一言地址/hitokoto/?format=js&charset=utf-8"></script>
<div id="hitokoto"><h2><script>hitokoto()</script></h2></div>

                                             <div id="main-wrap-box">
                                                            <div id="main-wrap">
                                                                           <div id="content-wrap">
                                                                                          <form action="" method="GET" target="_blank" id="searchForm">
                                                                                                         <input id="search" type="text" placeholder="请输入关键词搜索" autocomplete="off" autofocus="">
                                                                                                         <div id="search-type"> <span id="search-type-name">搜索</span>
                                                                                                                        <div id="search-type-icon" style="transform: rotate(0deg);"></div>
                                                                                                                        <ul id="search-type-menu" style="display: none;">
                                                                                                                          <li data-engine-start="/?s=" data-engine-end="">
                                                                                                 <span>搜索</span>
                                                                                                                                       </li>
                                                                                                                        
                                                                                                                                     
                                                                                                                                     
                                                                                                                        </ul>
                                                                                                         </div>
                                                                                                         <input type="submit" id="search-btn" value="">
                                                                                          </form>
                                                                                          <div class="searchTag"> <span><i class="b2font b2-hot"></i>热门推荐:</span>  <a class="s-video" href="/tag/ensemble" target="_blank">音符社</a> <a class="s-video" href="/tag/azarashi-soft" target="_blank">海豹社</a> <a class="s-video" href="/tag/saga-planets" target="_blank">SAGA PLANETS</a> <a class="s-video" href="/tag/kimishima-ao" target="_blank">きみしま青</a>
                                                                                          </div>
                                                                                          
                                                                           </div>
                                                            </div>
                                             </div>
                              </div>
               </div>
</div></div></div></div></div>

四栏html

<div id="home-row-sydhls" class="  home_row home_row_3  module-html  " style="background-color:;">
                    <div class="" style="width:100%"><div class="home-row-left content-area "><div id="html-box-sydhls" class="html-box"><div class="home-section-division header_fixed_from_here">
    <div class="container">
                   <div class="home-division">
                                  <ul>
                                                 <li>
                                                                <div class="item item_3">
                                                                               <a href="/history" target="_blank">
                                                                                              <div class="item-thumb">  <svg class="icon" aria-hidden="true">
    <use xlink:href="#bd-huiyuan"></use>
</svg>
                                                                                              </div>
                                                                                              <h3>网站公告 <span class="go">go<i class="ico-go"></i></span></h3>
                                                                                              <p>历史公告文档!</p>
                                                                               </a>
                                                                </div>
                                                 </li>
                                                 <li>
                                                                <div class="item item_1">
                                                                               <a href="https://bdrapid.acgal.one/" target="_blank">
                                                                                              <div class="item-thumb">  <svg class="icon" aria-hidden="true">
    <use xlink:href="#bd-jiasu"></use>
</svg>
                                                                                              </div>
                                                                                              <h3>在线秒传 <span class="go">go<i class="ico-go"></i></span></h3>
                                                                                              <p>全平台、免插件!</p>
                                                                               </a>
                                                                </div>
                                                 </li>
                                                 <li>
                                                                <div class="item item_2">
                                                                               <a href="https://music.acgal.one" target="_blank">
                                                                                              <div class="item-thumb"> <svg class="icon" aria-hidden="true">
    <use xlink:href="#bd-xunzhang"></use>
</svg>
                                                                                              </div>
                                                                                              <h3>Gal悦音阁 <span class="go">go<i class="ico-go"></i></span></h3>
                                                                                              <p>回味经典歌曲!</p>
                                                                               </a>
                                                                </div>
                                                 </li>
                                                 <li class="li_4">
                                                                <div class="item item_4">
                                                                               <a href="/duplicates" target="_blank">
                                                                                              <div class="item-thumb">  <svg class="icon" aria-hidden="true">
    <use xlink:href="#bd-fujian"></use>
</svg>
                                                                                              </div>
                                                                                              <h3>补档记录 <span class="go">go<i class="ico-go"></i></span></h3>
                                                                                              <p>补档更新进程!</p>
                                                                               </a>
                                                                </div>
                                                 </li>
                                  </ul>
                   </div>
    </div>
</div></div></div></div></div>

幻灯片搜索模块js

部分图片,

蓝奏云

提取码:复制
解压码:复制

您已阅读完《b2主题二开美化(共81篇)》专题的第 3 篇。请继续阅读该专题下面的文章:

给TA打赏
共{{data.count}}人
人已打赏
技术分享

如何有效进行技术分享(分享IM技术分享)

2022-7-31 16:18:29

技术分享

在校生怎么赚钱最简单(解读大学在校期间可以怎样挣钱)

2022-8-8 18:20:36

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索