加入收藏 设为首页 联系站长
网站首页 | 新闻资讯 | 使用技巧 | 百度HI头像~表情 | 百度HI签名 | 百度HI皮肤 | 百度HI帐户 | 百度空间美文 | 百度空间模板 | 社区论坛 | 百度HI下载 | 百度空间代码
>首页 -> 我的百度HI -> 百度空间代码

TOP

自定义你的百度搜索框
[ 录入者:admin | 时间:2008-04-01 22:45:59 | 作者: | 来源: | 浏览:74次 ]

下面咱们一起来学习一下自定义你的百度空间搜索

一共有四种样式供大家选择:(先别问添加方法,一会就具体的告诉你,别走开哦 !)

1、输入框样式

    

代码如下:
#mod_search div.modhead span{display:none;}
#mod_search div.modbox label{display:none;}
#mod_search div.modbox div{display:block!important;text-align:left!important;}

2、提交按钮样式

 

代码如下:
#mod_search div.modbox .text{
 border:transparent;
 font-family: "Times New Roman";
 font-size: 12px;
 width:213px!important;
 height:43px;
 padding-top:15px;
 padding-bottom:15px;
padding-left:20px;
 background:url(http://hiphotos.baidu.com/vsign/pic/item/b4cb4636dcd06fdca2cc2b27.jpg) no-repeat left;
}

3、let'sgo样式

 

代码如下:
#mod_search div.modbox .submit{
background:url(http://hiphotos.baidu.com/vsign/pic/item/89f4a1af5fa2e2cd7dd92a27.jpg)no-repeat center center;
width:120px;
height:35px;
color:transparent;
border:transparent;
padding-top:35px;
margin-top: 5px;
}

4、透明样式

 

代码如下:
#mod_search div.modhead{display:none;}
#mod_search div.modbox label{display:none;}
#mod_search div.modbox div{display:block!important;}
#mod_search div.modbox .text{
border:#666666 1px solid;
background:url(http://hiphotos.baidu.com/vsign/pic/item/010ccefda3d73a44d7887dfc.jpg) repeat-x top;
}
#mod_search div.modbox .submit{
width:70px;
height:22px;
padding-top:2px;
margin-top:10px;
border:#666666 1px solid;
background:url(http://hiphotos.baidu.com/vsign/pic/item/3adb8b1896ae72b54bedbcfd.jpg) repeat-x bottom center;
cursor:hand;
font-size:12px!important;
}

以上四种样式已经演示完毕,相信你一定选择使用哪一种样式了,那么现在我们来学一下把你喜欢的样式代码添加到哪里呢?

大家都看到了以上代码均是以#mod开头的,所以你只要把你喜欢的样式代码添加到mod模块的下面的就可以了,如果你还是不太明白百度空间css代码的各个id,那么请参考:百度空间新手必读的css解释说明,如果你还是有疑问的话,那么就给我留言吧!

代码解释:(不管你看不看,但是为大家做最全面的服务是我的责任

样式1的代码解释
#mod_search div.modhead span{display:none;}/*去除百度搜搜字样*/
#mod_search div.modbox label{display:none;}/*去除radio选项,当然在这里也可以控制选项字体*/
#mod_search div.modbox div{display:block!important;text-align:left!important;}/*让搜索模块左对齐*/

样式2的代码解释
#mod_search div.modbox .text{
 border:transparent;/*边框透明化既去除边框*/
 font-family: "Times New Roman";
 font-size: 12px;
 width:213px!important;
 height:43px;
 padding-top:15px;/*这三句padding是为了给“上下左”各加一个补丁,把光标固定在图片的适当位置*/

<< < 1 2 > >> 1/2
[上一篇]让你的百度图片有光晕效果 [下一篇]在百度空间如何增加天气预报

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章

广告位