本文最后更新于 2024-12-13，已超过 365 天未更新，内容可能已失效。
1ripro-v2美化–给后台文章列表添加专题筛选2ripro-v2美化–给文章增加获取文章专题列表3ripro-v2美化–给不同分类设置不同的缩略图样式4ripro-v2美化–搜索优化之高亮搜索关键字5ripro-v2美化–实现搜索结果只有一篇文章时自动跳转到文章6ripro-v2美化–缩略图可以显示gif动图7riplus主题添加易支付功能模块8ripro-v5美化-page页面不显示自定义的缩略图9【ripro-v2美化教程 】一键清理30天以前的下载记录10ripro-v2美化教程–后台用户列表添加封禁用户筛选11ripro-v5菜单缓存支持多站点12ripro-v5美化教程-分类栏目添加搜索框13ripro-v2美化教程-提示用户名已注册14ripro-v5提示暂无购买权限时增加跳转到会员页面
教程：
复制下面的代码，图片链接替换成你的。最好PNG格式
ripro-v5美化教程
[wm_reply]
.post-item .media-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: background .35s;
border-radius: 8px;
z-index: 2;
max-width: 765px;
margin: 0 auto;
pointer-events: none;
padding-left: 10px
}
.post-item .media-img:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
background: url(https://oss.zptheme.com/wp-content/uploads/2024/12/1733416872-347b5037dff988f.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 3;
-webkit-transform: scale(2);
transform: scale(2);
transition: opacity .35s, -webkit-transform .35s;
transition: transform .35s, opacity .35s;
transition: transform .35s, opacity .35s, -webkit-transform .35s;
opacity: 0;
pointer-events: none;
}
.post-item .media-img:hover:before {
background: rgba(0, 0, 0, .5)
}
.post-item .media-img:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}[/wm_reply]
子比主题教程
.item-thumbnail:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: background .35s;
border-radius: 8px;
z-index: 2;
max-width: 765px;
margin: 0 auto;
pointer-events: none;
padding-left: 10px
}
.item-thumbnail:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
background: url(https://oss.zptheme.com/wp-content/uploads/2024/12/1733416872-347b5037dff988f.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 3;
-webkit-transform: scale(2);
transform: scale(2);
transition: opacity .35s, -webkit-transform .35s;
transition: transform .35s, opacity .35s;
transition: transform .35s, opacity .35s, -webkit-transform .35s;
opacity: 0;
pointer-events: none;
}
.item-thumbnail:hover:before {
background: rgba(0, 0, 0, .5)
}
.item-thumbnail:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
ripro-v2教程
[wm_reply]
.entry-media:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
transition: background .35s;
border-radius: 8px;
z-index: 2;
max-width: 765px;
margin: 0 auto;
pointer-events: none;
padding-left: 10px
}
.entry-media:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
background: url(https://oss.zptheme.com/wp-content/uploads/2024/12/1733416872-347b5037dff988f.gif);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 3;
-webkit-transform: scale(2);
transform: scale(2);
transition: opacity .35s, -webkit-transform .35s;
transition: transform .35s, opacity .35s;
transition: transform .35s, opacity .35s, -webkit-transform .35s;
opacity: 0;
pointer-events: none;
}
.entry-media:hover:before {
background: rgba(0, 0, 0, .5)
}
.entry-media:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}[/wm_reply]
