- 资源介绍
- 更新记录
- 安装教程
RIPRO主题美化-首页搜索框美化教程 wordpress主题美化,搜索框
1、找到wp-content/themes/ripro/assets/css/diy.css并将附件内的diy.css内容整体复制进去并保存
/*首页搜索框*/
.bgcolor-fff {
background-color: #fff;
}
.row,.navbar .menu-item-mega>.sub-menu{margin-left:-10px;margin-right:-10px;}
.home-filter--content:before{background-color:rgba(91,91,91,0);}
.home-filter--content {background: linear-gradient(to right, #f6f6f6, #f6f6f6a8, #f6f6f6);}
.ripro-dark .home-filter--content {background: linear-gradient(to right, #232425, #232425, #232425);}
.home-filter--content .form-box{margin-right:10%;margin-left:10%;}
/*首页搜索框*/
2、找到/wp-content/themes/ripro/parts/home-mode/search.php找到如下代码
<div class="section pt-0 pb-0">
<div class="row">
<div class="home-filter--content lazyload" data-bg="<?php echo esc_url( @$home_search_mod['bg'] ); ?>">
<div class="container">
<h3 class="focusbox-title"><?php echo $title = ($home_search_mod['title']) ? $home_search_mod['title'] : '搜索本站精品资源' ;?></h3>
<p class="focusbox-desc"><?php echo $desc = ($home_search_mod['desc']) ? $home_search_mod['desc'] : '本站所有资源均为高质量资源,各种姿势下载。' ;?></p>
<form class="mb-0" method="get" autocomplete="off" action="<?php echo home_url(); ?>">
<div class="form-box search-properties">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-9">
<div class="form-group mb-0">
<input type="text" class="home_search_input" name="s" placeholder="输入关键词搜索...">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<input type="submit" value="搜索" class="btn btn--block">
</div>
</div>
<div class="home-search-results"></div>
</div>
</form>
</div>
</div>
</div>
</div>
3、将以上代码替换为以下代码即可
<div class="section bgcolor-fff search_section">
<div class="container">
<div class="row">
<div class="home-filter--content">
<form class="mb-0" method="get" autocomplete="off" action="<?php echo home_url(); ?>">
<div class="form-box search-properties mb-0">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-9">
<div class="form-group mb-0">
<input type="text" class="home_search_input" name="s" placeholder= 希望您有前戏的探索,不要粗暴的深入...">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<input type="submit" value="搜索" class="button transparent home_search">
</div>
</div>
<div class="home-search-results"></div>
</div>
</form>
</div>
</div>
</div>
</div>
效果样式
猜你喜欢
-
RIPRO主题美化-网站底部波浪动态效果wordpress美化
2020-03-28 -
RIPRO主题美化-移除分类栏目标题中的“分类”二字
2020-03-28 -
RIPRO主题美化 整站侧边栏跟随导航条强化版
2020-03-28 -
RiPro主题美化 仿站酷网色调美化全站子主题美化包 WordPress主题美化教程 适用所有版本
2020-10-25 -
RiPro主题美化 沃日wori-child子主题美化全站简约大气无授权 后台开关 持续更新
2020-10-25 -
RIPRO主题美化-网站实现复制内容弹出提示框 WordPress美化
2020-03-28 -
RiPro主题美化 简库jianku-child子主题美化全站后台开关 WordPress美化 持续更新
2020-10-25 -
RIPRO主题美化-仿站长源码城底部动图介绍
2020-03-28 -
RIPRO主题美化-首页底部纯标题文章展示模块+网站统计模块美化 WordPress主题美化
2020-04-01 -
RiPro主题美化 设计sheji-child子主题美化包 设计素材资源下载站模板 持续更新
2020-10-25
-
RiPro主题_日主题_高级素材资源收费下载类WordPress主题模板 持续更新
2020-10-13 -
RIPRO主题美化-登录注册框动态美化添加SVG登录特效(张嘴特效)
2020-04-01 -
RIPRO主题美化-首页“最新文章”标题美化 wordpress主题美化
2020-04-01 -
RIPRO主题美化-首页VIP介绍引导美化,样式+文件+教程 wordpress主题美化
2020-03-31 -
RIPRO主题美化-首页最新发布动态轮播+首页资源统计美化模块
2020-03-18 -
RIPRO主题美化 底部友情链接 自助申请友情链接模块
2020-03-28 -
RIPRO主题美化-首页专题分类滑块WordPress主题美化教程
2020-04-01 -
RIPRO主题美化-主题侧边栏添加加群小工具 WordPress美化
2020-04-01 -
RiPro主题美化 banku-child扮酷子主题美化二次开发版集成到后台功能的全站美化包 持续更新
2020-10-25 -
RIPRO主题美化-会员中心全宽梦幻动态美化 wordpress主题美化,个人中心,会员中心,用户中心
2020-04-01
猜你在找
云云安企业站群CMS » RIPRO主题美化-首页搜索框美化教程 wordpress主题美化,搜索框
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 常用CMS安装说明和常用工具
- 2020-04-01Hi,初次和大家见面了,请多关照!