改变WordPress默认搜索小工具样式

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 03:40 点击:

 

鉴于近期Google搜索变得极不稳定,HotNews Pro 主题集成的Google自定义搜索功能,也时常失去作用,无法显示搜索结果,如果你不想彻底关闭Google自定义搜索功能,而全部使用WP自带的简易搜索功能,可以在侧边栏中调用WP默认的搜索小工具,为保持该小工具样式与主题风格保持一致,可以把下面的代码加到主题样式文件style.css中,改变其默认样式。

 

/** 搜索小工具**/  

input#s {   

width:190px;   

height: 22px;   

*margin: 10px 0 0 0;   

*+margin: 10px 0 0 0;   

padding: 1px;   www.2cto.com

border:1px solid #ccc    

}   

input#searchsubmit {   

background:url(../images/go.gif) no-repeat;   

width:15px;   

height:15px;   

border:none;   

cursor:pointer;   

text-indent:-10000px;   

}   

.box {   

*height:35px;   

*+height:35px;   

}   

.screen-reader-text {   

display: none;   

}  

 

最终效果如我博客侧边栏的站内搜索。

 

注:使用WP默认小工具,一定要添写小工具的标题,否则会造成模板错位

摘自:zmingcx.com

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1