B2主题美化-首页搜索模块

jaysun

首页展示搜索框界面,更好的方便网友搜索,优化网站使用体验,资源站用的比较多,可以了解网友搜索的内容,方便展示广告,标签等方式。


效果图

1.webp.jpg

使用教程:

<div class="page-section-content">
  <div class="page-section-background">
  </div>
  <div class="n-box">
    <div class="n-text">
      <h1 class="index-title">
        <!--标题--> 搜索标题
      </h1>
      <h2 class="index-subtitle">
        <!--副标题--> //搜索一下会有你想要的 //
      </h2>
    </div>
    <div class="n-search">
      <form method="get" id="searchform">
        <div class="container">
          <div id="searchs">
            <input type="text" placeholder="搜索是提高效率的开始" name="s" id="s" class="searchInput" autocomplete="off">
            <input class="n-button" type="submit" value="搜索">
          </div>
        </div>
      </form>
    </div>
    <div class="remensousuo">
      <div class="sousuocenter">
        <span>热门搜索:</span>
        <ul>
          <li><a href="#" class="shejipsd">我是菜单</a></li>
          <li><a href="#" class="shejixd">我是菜单</a></li>
          <li><a href="#" class="shejifigma">我是菜单</a></li>
          <li><a href="#" class="shejisketch">我是菜单</a></li>
          <li><a href="#" class="shejisketch">我是菜单</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>


Css:

隐藏内容
评论可见
前往评论



您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (有 4 条评论,155人围观)
网友昵称:zkpengg
zkpengg V 普通用户 Google Chrome 109.0.0.0 Windows 10 x64 凉席
今天 来自安徽 回复
感谢大佬~~
网友昵称:qxsmail
qxsmail V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 板凳
01-15 来自山东 回复
感谢大佬~~
网友昵称:yousuoqidai
yousuoqidai V 普通用户 Google Chrome 95.0.4638.69 Windows 10 x64 椅子
01-11 来自山西 回复
感谢大佬~~~~
网友昵称:dk56dd
dk56dd V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 沙发
2022-12-16 来自浙江 回复
谢谢分享

目录[+]

取消
微信二维码
微信二维码
支付宝二维码