新闻中心

Discuz建设：X3.2 最新修改论坛首页搜索框教程

作者 / 无忧主机时间 2014-08-31 11:55:56

Discuz X3.2安装好了，默认首页的搜索框就是这样的，如下图所示： [caption id="attachment_16037" align="alignnone" width="554"] discuz后台[/caption] 今天无忧主机小编我给大家分享的是如何修改这个面积较大的搜索框，我把他改小了，代码来源于互联网，小编这里操作使用的是默认主题模板，如果大家有指定模板的话，记得找到相对应的主题哦，现在在这里分享给大家，希望对大家有所帮助：需要修改文件路径：./template/default/common/ pubsearchform.htm 把文件pubsearchform.htm下载到本地，并且进行操作，大约在12~70行代码注释掉，添加如下代码： <div id="search" class="{if $_G['setting']['srchhotkeywords'] && count($_G['setting']['srchhotkeywords']) > 5}scbar_narrow {/if}cl"> <form id="scbar_form" method="{if $_G[fid] && !empty($searchparams[url])}get{else}post{/if}" autocomplete="off" onsubmit="searchFocus($('scbar_txt'))" action="{if $_G[fid] && !empty($searchparams[url])}$searchparams[url]{else}search.php?searchsubmit=yes{/if}" target="_blank"> <input type="hidden" name="mod" id="scbar_mod" value="search" /> <input type="hidden" name="formhash" value="{FORMHASH}" /> <input type="hidden" name="srchtype" value="title" /> <input type="hidden" name="srhfid" value="$_G[fid]" /> <input type="hidden" name="srhlocality" value="$_G['basescript']::{CURMODULE}" />    <input type="hidden" name="$key" value="$value" />  <input type="hidden" name="source" value="discuz" /> <input type="hidden" name="fId" id="srchFId" value="$_G[fid]" /> <input type="hidden" name="q" id="cloudsearchquery" value="" /> <div style="display: none; position: absolute; top:37px; left:44px;" id="sg"> <div id="st_box" cellpadding="2" cellspacing="0"></div> </div>  <table cellspacing="0" cellpadding="0"> <tr> <td class="search_icon_td"></td> <td class="search_txt_td"><input type="text" name="srchtxt" id="search_txt" value="{lang enter_content}" autocomplete="off" x-webkit-speech speech /></td> <td class="search_btn_td"><button type="submit" name="searchsubmit" id="search_btn" sc="1" class="search_pn" value="true"><strong class="xi2">{lang search}</strong></button></td> </tr> </table> </form> </div> 把原来的代码替换掉以后，保存上传到你的主题目录下面的common文件里面，然后去后台更新缓存，效果图如下： [caption id="attachment_16038" align="alignnone" width="379"] discuz[/caption] 小技巧：这个搜索框可以移动位置的哦，在主题文件common/ header.htm文件里面，随意添加代码：  来控制这个搜索的位置！如果你不会操作的话，可以咨询桂桂客服解答此问题，联系方式：15879061583 无忧主机相关文章推荐阅读： DISCUZ网站论坛如何添加使用支付宝支付功能设置 DISCUZ!X增强用户体验，低分辨率下自动关闭对联广告 DISCUZ建设：论坛版块帖子内容页漂亮横排图片设置方法 DISCUZ建设：QQ互联注册用户提示：“抱歉，当前存在网络问题或服务器繁忙，请您稍后再试，谢谢”