首页有搜索框的朋友一定要利用位置！天气预报与时间代码

先看效果图，是玫瑰版19楼的搜索框添加天气预报与时间代码


下面说下修改方法：
在模板目录下编辑header文件，将

1.   <DIV class="clearall nav_searchbox">
   
2.       <DIV id="searchform" class="searchformkm">
   
3.         <LABEL class="inp_text">
   
4.         <INPUT name="srchtxt" id="keywords" onblur="if (value ==''){value='输入关键字，搜你想要的...'}" onfocus="if (value =='输入关键字，搜你想要的...'){value =''}" value="输入关键字，搜你想要的..." />
   
5.         </LABEL>
   
6.         <label class="inp_radio inp_radio_active" id="km_on">
   
7.         <input type="radio" name="srchtype" value="title" checked="checked" onclick="$('km_on').className='inp_radio inp_radio_active';$('km_ons').className='inp_radio';" />
   
8.         标题</label>
   
9.         <label class="inp_radio" id="km_ons">
   
10.         <input type="radio" name="srchtype" value="fulltext" onclick="$('km_on').className='inp_radio';$('km_ons').className='inp_radio inp_radio_active';" />
    
11.         全文</label>
    
12.         <LABEL class="inp_radio">
    
13.         <INPUT type="radio" onclick="location.href='search.php?srchtype=trade'">
    
14.         商品</LABEL>
    
15.         <LABEL class="inp_radio">
    
16.         <INPUT type="radio" onclick="location.href='search.php?srchtype=threadsort'">
    
17.         分类信息</LABEL>
    
18.         <BUTTON name="searchsubmit" id="siteSearchButton" type="submit">搜 索</BUTTON>
    
19.       </DIV>
    
20.     </DIV>
    

复制代码

修改为：

1.   <DIV class="clearall nav_searchbox">
   
2.       <DIV id="searchform" class="searchformkm">
   
3. <label class="inp_text">
   
4. 欢迎您，今天是
   
5. <script language=JavaScript>
   
6. today=new Date();
   
7. function initArray(){
   
8. this.length=initArray.arguments.length
   
9. for(var i=0;i<this.length;i++)
   
10. this[i+1]=initArray.arguments[i]}
    
11. var d=new initArray(
    
12. "星期日",
    
13. "星期一",
    
14. "星期二",
    
15. "星期三",
    
16. "星期四",
    
17. "星期五",
    
18. "星期六");
    
19. document.write(
    
20. "<font color=#444444 style='font-family: 宋体'> ",
    
21. today.getYear(),"年",
    
22. today.getMonth()+1,"月",
    
23. today.getDate(),"日 ",
    
24. d[today.getDay()+1],
    
25. "</font>" );
    
26. </script>
    
27. </label>
    
28. 
    
29.         <LABEL class="inp_text"><iframe src="http://m.weather.com.cn/m/pn7/weather.htm?id=101100603T " width="195" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" allowtransparency="true"  scrolling="no"></iframe>
    
30.         </LABEL>
    
31. 
    
32.         <LABEL class="inp_text">
    
33.         <INPUT name="srchtxt" id="keywords" onblur="if (value ==''){value='搜索有关阳城的信息...'}" onfocus="if (value =='搜索有关阳城的信息...'){value =''}" value="搜索有关阳城的信息..." />
    
34.         </LABEL>
    
35.         <label class="inp_radio inp_radio_active" id="km_on">
    
36.         <input type="radio" name="srchtype" value="title" checked="checked" onclick="$('km_on').className='inp_radio inp_radio_active';$('km_ons').className='inp_radio';" />
    
37.         标题</label>
    
38. 
    
39.         <BUTTON name="searchsubmit" id="siteSearchButton" type="submit">搜 索</BUTTON>
    
40.       </DIV>
    
41.     </DIV>
    

复制代码

即可


请注意，这行代码为天气预报代码，请到http://service.weather.com.cn/plugin/forcast.shtml?id=pn7获取本地代码：

1. <iframe src="http://m.weather.com.cn/m/pn7/weather.htm?id=101100603T " width="195" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" allowtransparency="true"  scrolling="no"></iframe>

复制代码

还有，搜索框变短：
css搜索inp_text，第二个，有个width改成310px就差不多了
另外，免费发布几个19楼商业版，喜欢的朋友请加群：21762696

不错。。学习了。谢谢

支持下吧

我的和楼主的有差别，我把用户信息也放在这一栏了，登录前可看到天气预报，当用户登录后会显示用户信息而不显示天气预报，没办法，为了挤空间，不说了，看演示：http://www.hquan.cn/

辛苦楼主分享出来也

支持下。。。。。。。。。。。。

感谢楼主分享！！！！！！

不错，看下