弹窗登录模块

隐藏内容详情
登录后免费查看

新评论模块

隐藏内容详情
登录后免费查看

广告位模块

隐藏内容详情
登录后免费查看

微信内关闭商城

隐藏内容详情
登录后免费查看

排行榜模块

隐藏内容详情
登录后免费查看

网站统计小工具

隐藏内容详情
登录后免费查看

去掉分类category模块

隐藏内容详情
登录后免费查看

注册赠送会员模块

隐藏内容详情
登录后免费查看

Logo扫光

白天

黑夜

隐藏内容详情
登录后免费查看

侧边栏加入QQ群小小工具

进入 后台外观自定义额外CSS 添加下面文件里的代码:

/*加群小工具*/
.yfx-jiaqun h5 {
    font-size: 16px;
    line-height: 1.4;
}
.yfx-jiaqun-small {
    padding: 15px;
}
.yfx-jiaqun p {
    max-width: 80%;
}
.yfx-jiaqun {
    letter-spacing: .5px;
}
.yfx-jiaqun .btn {
    font-size: 13px;
}
.yfx-jiaqun .btn i {
    margin-right: 3px;
}
.yfx-jiaqun .helper-thumb {
    position: absolute;
    right: 0;
    bottom: 0;
}
.yfx-jiaqun-btn-on {
    color: #fff;
    background: #2c63ff!important;
    box-shadow: 0 3px 10px -1px #2c63ff!important;
    border: 0;
}
/*加群小工具*/

进入 后台外观小工具拖动自定义html到文章侧边栏 然后添加下面的代码:

<section class="yfx-jiaqun">
		<div class="yfx-jiaqun-small">
			<p>分享最新WordPress教程<br> 共同学习,共同进步,共同成长!</p>
			<a href="https://jq.qq.com/?_wv=1027&k=AjrLKYRl" class="btn yfx-jiaqun-btn-on" uk-toggle=""><i class="iconfont icon-qq"></i>QQ交流群</a>
			<div class="helper-thumb"><img src="https://z3.ax1x.com/2021/07/14/WZbbL9.png" alt="源分享"> </div>
		</div>
	</section>

菜单分类美化

进入 后台外观自定义额外CSS 添加下面文件里的代码:

/* 菜单分类美化 */
.navbar .menu-item:hover>.sub-menu {
    border-radius:5px 5px 5px 5px;
}

.navbar .nav-list>.menu-item>a {
    font-size: 12px;
    line-height: 100px;
}
.navbar .sub-menu .sub-menu{
    left:110%
}

分类文章模块美化

进入 后台外观自定义小工具Ri-首页模块: 分类文章展示标题添加下面的代码:

<div class="form-group none">
		<h2 style="display:inline-block"> <img
				src="https://z3.ax1x.com/2021/07/14/WV7EAf.png" width="30px" ;=""
				style="margin-top: -6px;display:inline-block;"> WordPress </h2> <a
			href="https://www.yfxw.cn/"><button style="width:12%;float:right;display:inline-block;"
				type="button" class="btn badge-success"> 插件 <span class="badge badge-light">99+</span> </button></a> <a
			href="https://www.yfxw.cn/"><button
				style="width:12%;float:right;margin-right:20px;display:inline-block;" type="button"
				class="btn badge-warning"> 主题 <span class="badge badge-light">99+</span> </button></a>
		<div class="clearfix"></div>
	</div>
	<div class="only">
		<h4 style="display:inline-block"> <img
				src="https://z3.ax1x.com/2021/07/14/WV71H0.png" width="30px" ;=""
				style="margin-top: -6px;display:inline-block;"> CMS资源</h4>
		<style>
			.only {
				display: inline;
			}

			@media (min-width: 950px) {
				.only {
					display: none;
				}
			}
		</style>
	</div>

轮播图样式圆角修改

进入路径: rizhuti-v2/assets/css  打开app.css 找到大约909行, 如图:

全部替换成:

.module.slider.img-center .slider {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    height: calc(50vh - 20px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

其他业务模块

进入 后台 – 外观自定义小工具自定义html 添加下面的代码:

<div class="row">
  <div class="col-sm-6">
    <div class="card">
      <div class="card-body">
<h3>资源的数量没满足现状?</h3><p class="card-text">带上你的需求想法, 去提交需求, 根据会员等级取决你的需求处理态度,我们保障你的所有需求都会得到有效响应。</p>
<a href="https://www.yfxw.cn/" class="btn btn-primary">去提交</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card">
<div class="card-body">
<h3>想和这个网站的速度一样的快?</h3>
<p class="card-text">联系开心,获得极速优化手段及处理, 保障你的站在访问体验领先其他同等条件下的站长!</p>
<a href="http://wpa.qq.com/msgrd?v=3&uin=26341012&site=qq&menu=yes" class="btn btn-primary">联系开心</a>
      </div>
    </div>
  </div>
</div>
<br>

会员介绍模块

进入 后台 – 外观自定义小工具自定义html 添加下面的代码:

<style>
#yfx {text-align: center}
</style>
<div id="yfx">
 
<div class="card-deck">
     
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">¥<span class="price">3.33</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ¥3.33 月费会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长30天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 48h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建2次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数4次持续1个月</li> </ul>  
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> VIP月费</b></label>
      <p class="card-text"><small class="text-muted">售后处理较慢,不推荐</small></p>
            <button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >普通月会</button>
 
    </div>
  </div>
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">¥<span class="price">6.66</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ¥6.66 年费会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长365天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 48h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建3次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数5次持续1个月</li> </ul>
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> SVIP年费</b></label>
            <p class="card-text"><small class="text-muted">极速工单响应, 售后24h</small></p>
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >一年超会</button>
 
    </div>
  </div>
  <div class="card">
   
    <div class="card-body">
<div class="h1 text-center mb-0 text-danger">¥<span class="price">8.88</span></div>
 
        <ul class="feature list-unstyled pl-0">
 
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>赞助本站 ¥8.88 永久会员</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>时长9999天不限速下载进程</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>后台工单优先处理, 12h响应</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>本站所有资源免费搭建5次/月</li>
            <li class="feature-list"><i class="fas fa-check text-success mr-1"></i>每日下载次数5次持续1个月</li> </ul>
            <label for="post_price_opt_vip" data-price="免费"><span class="circle"></span><b class="text-warning"><i class="fa fa-diamond"></i> SVIP永久会员</b></label>
            <p class="card-text"><small class="text-muted">极速工单响应, 售后24h</small></p>
            <button type="button" class="btn btn-primary btn-lg btn-block" onclick="javascrtpt:window.location.href='https://www.yfxw.cn/user/vip'" >至尊永会<span class="badge badge-warning rounded ml-2">推荐</span></button>
 
    </div>
  </div>
</div>
</div>
<br>

菜单角标

进入 后台 – 外观自定义额外CSS 添加下面的的代码:

/* 分类角标 */
.yfxxin {
display: inline-block;
transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
background: linear-gradient(to top, #b4b1ef, #e21fc7 7.56%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
 
.new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}

然后进入 后台外观菜单 你的菜单名称后面添加代码:

<span class="yfxxin"> 新</span>

发表评论

登录... 后才能评论

评论(18)