原创:共享帝国CMS一个搜索代码

用帝国好多年了,一直头疼搜索的问题...
不仅不好看,而且还搜不到,菜鸟没办法....

最近摸出门道了,看了搜索教程,直接在网上搜了一个搜索CSS代码,稍加添置就OK了,在极速浏览器下,还可以语音搜索...

CSS怎么写,我们不去管它...重要的是能搜索到我们网站内容就可以了....

下面贴出完整修改过代码

1. <style type="text/css">
   
2. .search_form{position:relative; height:31px; margin:0 auto;display:inline-block;}
   
3. .search_form:hover{-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999}
   
4. .sinput{float:left; width:300px; height:21px; line-height:21px; padding:4px 7px; color:b3b3b3;  border:1px solid #999; border-radius:2px 0 0 2px; background-color:#fbfbfb;}
   
5. .sbtn{float:left; width:100px; height:31px; padding:0 12px; margin-left:-1px;  border-radius:0 2px 2px 0; border:1px solid #4d90fe; background-color:#4d90fe; cursor:pointer;  display:inline-block; font-size:14px; vertical-align:middle; color:#f3f7fc;position:absolute;}
   
6. .sbtn:hover{background:#4084f2}
   
7. </style>        
   
8. 
   
9. ----------------------分割线---------------------------
   
10. <div>
    
11. <form action='/e/search/index.php' method="post" name="search_news" id="search_news">   
    
12. <input type="hidden" name="tbname" value="info">      (info是数据表,你可以换成别的数据表)
    
13. <input type="hidden" name="show" value="title,id,username" />      (这里title,id,username是代表关键词和信息编号及会员名)
    
14. <input type="hidden" name="tempid" value="2">        (这里的2是你后台添加的搜索模板编号)
    
15. <input name="keyboard" type="text" id="keyboard" value="输入关键词或房源编号或发布者昵称" class="sinput" placeholder="搜索其实很简单 ^+^" autofocus x-webkit-speech>      
    
16. <input type="submit"  name="Submit22" value="搜  索" class="sbtn"> </form>
    
17. </div>

复制代码

括号里的提示不用写到网页代码里,,,.....好像我提示多余了....

看示意图如下：