最新公告
  • 欢迎您光临百搜源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • RiPro 主题幻灯片美化教程

    RiPro 主题幻灯片美化教程

    1. ripro – > parts -> home-mode -> slider.php 文件,找到如下代码

    <div class="section pt-0 pb-0">
        <div class="module slider big diy owl <?php echo esc_attr( $mode_slider['autoplay'] ? ' autoplay' : '' ); ?>">
        <?php foreach ($mode_slider['diy_data'] as $key => $item) {
            echo '<article class="post lazyload visible" data-bg="'.esc_url( $item['_img'] ).'">';
              echo '<div class="container">';
              echo '<h2 class="slider-title">'.$item['_title'].'</h2>';
              echo '<h3 class="slider-desc">'.$item['_desc'].'</h3>';
              echo '<a'.( $item['_blank'] ? ' target="_blank"' : '' ).' class="u-permalink" href="'.esc_url( $item['_href'] ).'"></a>';
              echo '</div>';
            echo '</article>';
        }?>
        </div>
    </div>
    

    2. 将如上代码替换为

    <div class="section">
     	<div class="container">
        	<div class="module slider big owl nav-white <?php echo esc_attr( $mode_slider['autoplay'] ? ' autoplay' : '' ); ?>">
    		<?php foreach ($mode_slider['diy_data'] as $key => $item) {?>
            	<article class="post lazyload visible" data-bg="<?php echo esc_url( $item['_img'] );?>">
    				<div class="container">
    					<a target="_blank" class="u-permalink" rel="noopener noreferrer">"></a>
    				</div>
            	</article>
    		<?php } ?>
        	</div>
    	</div>
    </div>
    

    3. ripro -> assets -> css-> diy.css 添加如下样式

    .section {padding-top: 20px;}
    

    搜索框美化教程

    1. 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['bgimg'] ); ?>">
    			<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="<?php echo $mode_search['tips'];?>">
    			                    </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>
    

    2. 将如上代码替换为

    <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>
    
    .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, #f6f6f6, #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%;}
    .button,input[type="submit"],button[type="submit"],.navigation .nav-previous a,.navigation .nav-next a{width:100%;}
    版权声明:本源码由【百搜网】本站会员发表,只作为个人学习之用,不得用于商业用途。 如有侵权请联系客服QQ15667685,邮件发送:myyooo@myyooo.com
    百搜全端云 » RiPro 主题幻灯片美化教程

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: myyooo@myyooo.com),我们会及时删除,给您带来的不便,我们深表歉意!
    • 404会员总数(位)
    • 224资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 170稳定运行(天)