本站自成立以来,得到了广大朋友的厚爱,在线人数和注册会员屡创新高,今天依然保持了无法让自己相信数据
(» 在线用户 - 共 631 人在线,105 位会员,526 位访客, 最多 645 人发生在 2008-03-11 03:37 )!很多朋友都问我站里的搜索框怎么做的,我曾经也发过一个帖子说顶到200楼我就发源码之类的,为了庆祝本站所取得的好成绩,今天即使大家不顶帖我也要公布我的搜索框源码了! 由于本人粗心大意,今天早上发错了版本,现已修正,先向2008年3月11日17点25分之前下载了的朋友说声对不起了。
现在来说一下教程:
1.在你的CSS风格里找到下面这段代码
.guide{background:$cbgcolor url($imgpath/$stylepath/bg.png) 0 -100px repeat-x; padding:.5em; border:1px solid #e3e7f2; color:#ccc; }
在代码后加上红色部分的文字
.guide{background:$cbgcolor url($imgpath/$stylepath/bg.png) 0 -100px repeat-x; padding:.5em; border:1px solid #e3e7f2; color:#ccc;
margin-bottom: 130px; } 其中的数字
130是可以修改的,你自己修改一下数值看看就知道是什么效果了
2.把附件下载后解压,把里面的代码加入以下这段代码的中间
</style>
<div style=position:absolute;top:
149px;left:
5px>
附件代码放在这里
</div>
上面绿色文字处放附件里的代码,附件里的代码你可以根据自己的需要进行修改(当然你要会基本的网页编辑才行),需要提醒一下的是,附件中
搜索框那一格的代码千万不能改,否则不能正常搜索~···
红色数字
149指的是搜索框距离顶部的距离,数字
5指的是距离右边的距离
3.把以下代码放进CSS里就可以了
</style>
<div style=position:absolute;top:
149px;left:
5px
149px;left:5px> 附件代码 </div>
绿色部分就是你修改后的代码了
好了,大概就是这么简单了,如果你还有什么不清楚的,欢迎加入QQ群
15971495找我咨询。 代码演示地址(当然是我的论坛啦):
http://lenbbs.uu1001.com/index.php 重申一遍,本人发此贴并非宣传本站(本站人数已经不错了),只是希望能和大家分享一下我的劳动成果,哈哈。 如果你的站放上了这个代码,那么就跟帖帖上来给我看一下效果吧,有什么问题我还可以帮你解决哦!
本帖申请加精,希望大家支持一下!谢谢。[ 此贴被541004在2008-03-11 17:26重新编辑 ]