zblog php 侧边栏样式,ZBlogPHP免费主题Blogs如何修改侧边栏搜索框样式？

老古偶尔访问有某些使用 ZBlogPHP 免费主题 Blogs 的站点，发现他们的侧边栏搜索框样式都比较丑，一看就知道这些站长都没有认真阅读Blogs 主题介绍页，因为介绍页中的第四大点侧边栏模块使用第 5 小点就介绍了如何修改侧边栏搜索框样式。下图左侧是默认搜索框样式，右侧是美化后的搜索框样式：

两者对比，老古认为还是后面的样式比较好看，所以今天就针对这个问题跟大家介绍一下如何修改 ZBlogPHP 免费主题 Blogs 的侧边栏搜索框样式，具体操作步骤如下：

1. 登录你的 ZBlogPHP 站点 >> 点击左侧菜单栏“模块管理”>> 点击“搜索”模块右侧的修改图标按钮。具体如下图所示：

2. 如下图所示，隐藏标题开关打开，正文中输入以下代码：

搜索

其中http://localhost 请修改为自己的网址，修改好之后点击【提交】按钮即可。具体如下图所示：

编辑好“搜索”模块之后，建议点击一下后台首页的[清空缓存并重新编译模板]按钮。然后前端已经添加有(或重新添加)“搜索”模块的就会自动变成本文开头所说的美化版本了。

其实，这个修改侧边栏搜索框样式一点都不难，只需要编辑后复制代码进去，修改为自己的网址并提交即可。可惜很多站长不知道是处于什么心理，都没有去修改而是保留默认的搜索框样式。估计是老古的审美跟他们不一样吧。

zblog php 侧边栏样式,ZBlogPHP免费主题Blogs如何修改侧边栏搜索框样式？相关推荐

iOS开发UI篇 -- UISearchBar 属性、方法详解及应用（自定义搜索框样式）
很多APP都会涉及到搜索框,苹果也为我们提供了默认的搜索框UISearchBar.但实际项目中我们通常需要更改系统默认搜索框的样式.为了实现这一目标,我们需要先搞懂 UISearchBar 的属性及方 ...
微信小程序--搜索框样式及form提交实现
搜索框样式及form提交实现第一种风格 .js bt_search(e){console.log('搜索',e)}, .wxml <form bindsubmit="bt_sear ...
【微信小程序】搜索框样式
实现微信小程序搜索框样式搜索框效果: 代码实现:(复制可用) index.wxml:  <view><view ...
微信小程序--搜索框样式总结
首先配置app.json文件配置相应路径:编译后生成相应文件夹.及文件夹内的4个文件,一个文件夹即一个页面.: 所有的js方法都是用bindtap(点击事件)调用的.例:搜索(点击搜索调用a方法) ...
html打开微信搜索页,微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)...
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面搜索 .search{ width: 80%; } .search_arr { border: 1px solid # ...
html5 input搜索框样式修改,修改input搜索框默认叉号的样式为自定义图片
兼容IE的自定义input搜索框叉号样式(使用图片替换input原生叉号) 代码 input::-webkit-search-cancel-button { -webkit-appearance: n ...
修改element单选框样式
.el-radio__input.is-checked .el-radio__inner {//单选框选择按钮背景样式border-color: #409EFF;background: #FFF; } ...
Vue ElementUI 修改消息提示框样式---messageBox 的大小
在窄屏模式下(移动端),提示框的宽度太宽,会出现显示不完全的问题. 应当如何修改 ElementUI 的样式呢? open() {this.$confirm(window.vm.$i18n.t(&qu ...
Html+css+js实战：百度搜索框样式实现
一.效果展示二.代码实现 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...

zblog php 侧边栏样式,ZBlogPHP免费主题Blogs如何修改侧边栏搜索框样式？

zblog php 侧边栏样式,ZBlogPHP免费主题Blogs如何修改侧边栏搜索框样式？相关推荐

最新文章

热门文章