织梦仿站系列教程第十讲——通用头部（六）搜索框

织梦仿站系列教程第十讲——通用头部（六）搜索框


　

今天接着上一讲，讲一下搜索框的制作，首先找到head.htm里面拳击在线的搜索代码：

 
 
<FORM id=searchform method=post name=searchform action=/e/search/index.php>   
<DIV class=search1>   
站内搜索： <INPUT id=keyboard class=search_a size=15 name=keyboard>   
<INPUT value=title type=hidden name=show>   
<INPUT value=1 type=hidden name=tempid>   
<SELECT class=select name=tbname>   
<OPTION selected value=news>新闻OPTION> <OPTION value=download>下载OPTION> 
<OPTION value=photo>图库OPTION>   
<OPTION value=game>游戏OPTION>   
<OPTION value=movie>视频OPTION>   
<OPTION value=shop>商品OPTION>   
<OPTION value=article>文章OPTION>   
SELECT>   
<INPUT class=inputSub src="{dede:global.cfg_templets_skin/}/images/search.gif" type=image>   
<A href="http://www.quanji.cn/search/" target=_blank>高级搜索A>   
DIV>   
FORM> 

修改为织梦的搜索框代码：

 
 
<FORM name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php">   
<DIV class=search1>站内搜索： <input type="hidden" name="kwtype" value="0" />   
<INPUT id=search-keyword class=search_a size=15 name=q>   
<select name="searchtype" class="select" id="search-option">   
<option value="title" selected='1'>检索标题option>   
<option value="titlekeyword">智能模糊option>   
select>   
<INPUT class=inputSub src="{dede:global.cfg_templets_skin/}/images/search.gif" type=image>   
<A href="{dede:global.cfg_cmsurl/}/plus/heightsearch.php" target=_blank>高级搜索A>   
DIV>   
FORM> 

查看前台，搜索一个关键词测试一下搜索框。输入关键词css，点击搜索按钮，一切正常。

再往下看代码，是一个JS文件调用，原来是拳击在线搜索框右部的本站动态滚动，我们把这里改为调用织梦的某个特定的栏目，我们暂定这个栏目的ID为1。先看原来的代码：

dedemcs

 
 
<MARQUEE scrollAmount=4><SCRIPT src="{dede:global.cfg_templets_skin/}/images/class110_newnews.js">SCRIPT>MARQUEE> 

修改为：

dedemcs标签

 
 
<MARQUEE scrollAmount=4> {dede:arclist typeid='1' row='1' titlelen='60'} <a href="[field:arcurl/]" title="[field:title/]">[field:title/]a> {/dede:arclist} MARQUEE> 

查看前台演示：





滚动起来了。呵呵，本节成功结束，庆祝一下。通用头部也就结束了。下一节是讲幻灯片代码呢还是通用底部呢？我要想一想啊！不要猜了，到了下一讲就知道了。:)