前端开发

 首页 > 前端开发 > css教程 > 改变WordPress默认搜索小工具样式 - html/css语言栏

改变WordPress默认搜索小工具样式 - html/css语言栏

分享到:
【字体:
导读:
          鉴于近期Google搜索变得极不稳定,HotNews Pro 主题集成的Google自定义搜索功能,也时常失去作用,无法显示搜索结果,如果你不想彻底关闭Google自定义搜索功能,而全部使用WP自带的简易搜...

 

鉴于近期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 3.2 关闭文章自动保存 - html...
  以前添加代码以屏蔽自动保存及修订的方法不能使用了。   WordPress 3.2 文章自动保存草稿和修订的关闭方法如下:   打开你正在使用主题文件夹下面的functions.php文件,在合适地方添加以下代码即可:   /* 移除自动保存和修订版本*/   remove_action('pre_post_update&#03...
Web前端应用十种常用技术 - html/css语...
  摘要:随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您精心推荐十种最常见的web界面应用技术。   Web应用程序的界面设计,其核心就是网页设计,但它的重点主要是在功能方...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……