discuz X3系列搜索框修改教程

pole1010

由於沭陽web網站使用的是discuz X3.1製作的，所以最近一段時間應該更新的教程更多的是discuz X3.1方面的，希望不會令大家失望，今天要和大家分享是的discuz X3.1 搜索框修改教程，都是沭陽web製作過程的分享，希望能夠幫助到discuz的應用者們。

1、首先大家要瞭解discuz的搜索的源文件在哪裡：./Template/default/common/pubsearchform.htm

找到這個文件後，複製該文件到你所在的模板風格的common文件夾下，我的風格文件夾為template/shuyangweb，建議大家重新命名該文件pubsearchform_cls.htm，那麼放入後為：template/shuyangweb/pubsearchform_cls.htm

2、直接將12~70行的代碼修改為如下的代碼

1. <div id="search" class="{if $_G['setting']['srchhotkeywords'] && count($_G['setting']['srchhotkeywords']) > 5}scbar_narrow {/if}cl">
   
2.     <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">
   
3.         <input type="hidden" name="mod" id="scbar_mod" value="search" />
   
4.         <input type="hidden" name="formhash" value="{FORMHASH}" />
   
5.         <input type="hidden" name="srchtype" value="title" />
   
6.         <input type="hidden" name="srhfid" value="$_G[fid]" />
   
7.         <input type="hidden" name="srhlocality" value="$_G['basescript']::{CURMODULE}" />
   
8.         <!--{if !empty($searchparams[params])}-->
   
9.             <!--{loop $searchparams[params] $key $value}-->
   
10.             <!--{eval $srchotquery .= '&' . $key . '=' . rawurlencode($value);}-->
    
11.             <input type="hidden" name="$key" value="$value" />
    
12.             <!--{/loop}-->
    
13.             <input type="hidden" name="source" value="discuz" />
    
14.             <input type="hidden" name="fId" id="srchFId" value="$_G[fid]" />
    
15.             <input type="hidden" name="q" id="cloudsearchquery" value="" />
    
16.             <div style="display: none; position: absolute; top:37px; left:44px;" id="sg">
    
17.                 <div id="st_box" cellpadding="2" cellspacing="0"></div>
    
18.             </div>
    
19.         <!--{/if}-->
    
20.         <table cellspacing="0" cellpadding="0">
    
21.             <tr>
    
22.                 <td class="search_icon_td"></td>
    
23.                 <td class="search_txt_td"><input type="text" name="srchtxt" id="search_txt" value="{lang enter_content}" autocomplete="off" x-webkit-speech speech /></td>
    
24.                 <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>
    
25.             </tr>
    
26.         </table>
    
27.     </form>
    
28. </div>

複製代碼

直接刷新首頁後，會看到搜索框直接變成了如下圖的效果：   

遊客，如果您要查看本帖隱藏內容請回復

註：如果你覺得搜索框的位置不好的話，可以將<!--{subtemplate common/pubsearchform_cls}-->任意的放到其他的為止，最好前後加個DIV塊，這樣方便控制搜索框。

a1515twtw

本帖內容不適合我的站~感謝

x7923626

樓主的帖.真的讓人一看再看用遠不會膩~讚^^~

020429979

樓主的帖.真的讓人一看再看用遠不會膩~讚^^~

JHJ421

	本回复帖回复于 2016-8-22 22:30:32 ，认真回复,您的回复对楼主是莫大的鼓舞。 楼主的帖.真的让人一看再看用远不会腻~赞^^~

不错.....

我是暴牙妹

	a1515twtw 于 2016-8-7 07:29:14 回复本贴，感谢 a1515twtw 的回复，回复对楼主是莫大的鼓舞。 本帖内容不适合我的站~感谢

不错.....

我心依旧110

	本回复帖回复于 2016-8-22 22:30:32 ，认真回复,您的回复对楼主是莫大的鼓舞。 楼主的帖.真的让人一看再看用远不会腻~赞^^~

不错.....

蒙阴地下银河

	a1515twtw 于 2016-8-7 07:29:14 回复本贴，感谢 a1515twtw 的回复，回复对楼主是莫大的鼓舞。 本帖内容不适合我的站~感谢

不错.....

棒打老龟

	本回复帖回复于 2016-8-22 22:30:32 ，感谢您的回复,您的回复对楼主是莫大的鼓舞。 楼主的帖.真的让人一看再看用远不会腻~赞^^~

不错.....

acbqmbyy

	JHJ421 于 4 天前 回复本贴，感谢 JHJ421 的回复，回复对楼主是莫大的鼓舞。 [quote] 本回复帖回复于 2016-8-22 22:30:32 ，认真回复,您的回复对楼主是莫大的鼓舞。 楼主的帖.真的让人一看再看用远不会腻~赞^^~ 不错.....

[/quote]

不错.....