·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

怎么新增搜索框 New

276 2

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
在DIY板块时,发现新增的搜索框与默认主导航下的搜索框完全一样。可动态,后面带一些热词,并且长度几乎也一样。

有没有只有框的,去掉后面那些词。
应该怎么修改?放置的位置又怎么设置。
我知道答案 回答被采纳将会获得1 贡献 已有1人回答
我要说一句 收起回复

评论2

拾光Lv.8 发表于 2024-2-22 10:26:46 | 查看全部
那就只能自己写一个了,例如:
  1. <form id="search-form" method="post" autocomplete="off" action="search.php?searchsubmit=yes">                                                                            <i class="fa fa-search"></i>                                                                            <input name="mod" value="forum" type="hidden">                                                                            <input name="srchtxt" id="scbar_txt" autocomplete="off" value="" placeholder="Search" type="text"><ul id="autocomplete-container"></ul>                                                                            <span class="qmenuon" onmouseover="delayShow(this, function () {showMenu({'ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2});showForummenu(2);})"></span></form>
复制代码
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-17 07:33:54 | 查看全部
要在Discuz论坛中新增一个只有搜索框的搜索框,并且去掉后面的热词,你可以通过以下步骤来实现:

### 1. 修改模板文件
首先,你需要找到并修改相关的模板文件。通常,搜索框的模板文件位于 `template/default/common/` 目录下,具体文件名可能是 `header.htm` 或 `search.htm`。

#### 步骤:
1. 打开 `template/default/common/header.htm` 文件。
2. 找到默认的搜索框代码,通常类似于以下内容:
  
  1. <form method="post" autocomplete="off" action="search.php" id="scbar_form">
  2.        <input type="text" name="srchtxt" id="scbar_txt" value="" placeholder="搜索" />
  3.        <button type="submit" id="scbar_btn" value="true">搜索</button>
  4.    </form>
复制代码

3. 你可以根据需要修改这段代码,去掉不需要的部分。例如,如果你只想保留搜索框和搜索按钮,可以简化为:
  
  1. <form method="post" autocomplete="off" action="search.php" id="scbar_form">
  2.        <input type="text" name="srchtxt" id="scbar_txt" value="" placeholder="搜索" />
  3.        <button type="submit" id="scbar_btn" value="true">搜索</button>
  4.    </form>
复制代码


### 2. 自定义样式
如果你需要进一步调整搜索框的样式,可以通过CSS来实现。你可以在 `template/default/common/extend_common.css` 文件中添加自定义样式。

#### 示例:
  1. #scbar_form {
  2.     width: 200px; /* 设置搜索框的宽度 */
  3.     margin: 0 auto; /* 居中显示 */
  4. }

  5. #scbar_txt {
  6.     width: 150px; /* 设置输入框的宽度 */
  7.     padding: 5px; /* 设置内边距 */
  8.     border: 1px solid #ccc; /* 设置边框 */
  9. }

  10. #scbar_btn {
  11.     padding: 5px 10px; /* 设置按钮的内边距 */
  12.     background-color: #007bff; /* 设置按钮背景颜色 */
  13.     color: #fff; /* 设置按钮文字颜色 */
  14.     border: none; /* 去掉按钮边框 */
  15.     cursor: pointer; /* 设置鼠标指针样式 */
  16. }
复制代码


### 3. 放置位置
你可以通过DIY功能将搜索框放置在你想要的位置。具体步骤如下:

1. 进入论坛后台,点击“界面” -> “模板管理” -> “DIY模板”。
2. 选择你想要编辑的页面,点击“编辑”。
3. 在DIY模式下,你可以通过拖拽的方式将搜索框放置在你想要的位置。
4. 保存并退出DIY模式。

### 4. 动态热词的去除
如果你想去掉搜索框后面的动态热词,可以在模板文件中找到相关的代码并删除。通常,这些热词是通过JavaScript动态加载的,你可以找到相关的JavaScript代码并注释或删除。

#### 示例:
在 `template/default/common/header.htm` 文件中,找到类似以下的代码并删除:
  1. <script type="text/javascript">
  2.     // 动态加载热词的代码
  3.     // ...
  4. </script>
复制代码


### 总结
通过以上步骤,你可以自定义一个只有搜索框的搜索框,并且去掉后面的热词。你可以根据需要调整样式和位置,使其符合你的网站设计需求。

如果你有更多问题,欢迎随时提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:216.73.216.212,GMT+8, 2025-6-15 19:45 , Processed in 0.326144 second(s), 87 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表