前言
本文章只是个人无聊时的对子比主题美化记录集合,同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧,我会不定期(主要是想不到好的美化了)更新一些美化教程、好玩的小工具、页面等等。
美化说明:
- 每个人的审美观念不一样,所以请先参考本站或测试在用。
- 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化。
- 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。
- 子比主题美化都是我自己鼓捣、测试后才分布的,完全免费,开放。
最新版CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式
最新版JS即javascript代码添加到后台子比主题设置—>自定义代码—>自定义javascript代码
最新版没有特殊说明的小工具,自定义HTML小工具添加网站后台—>外观–>小工具–>点击【自定义HTML】选择放置的位置—>把代码复制进去,保存即可。
美化合集:
1.防止盗用代码禁止 F12
在wordpress网站管理后台-子比主题设置-自定义代码-自定义底部 HTML 代码,把下面的 css 代码复制粘贴到里面即可。 其他主题的话在你的主题目录下的,footer.php文件中下面添加下面的代码:
<!--不要扒我了开始-->
<script type="text/javascript">
((function() {
var callbacks = [],
timeLimit = 50,
open = false;
setInterval(loop, 1);
return {
addListener: function(fn) {
callbacks.push(fn);
},
cancleListenr: function(fn) {
callbacks = callbacks.filter(function(v) {
return v !== fn;
});
}
}
function loop() {
var startTime = new Date();
debugger;
if (new Date() - startTime > timeLimit) {
if (!open) {
callbacks.forEach(function(fn) {
fn.call(null);
});
}
open = true;
window.stop();
alert('不要扒我了');
window.location.reload();
} else {
open = false;
}
}
})()).addListener(function() {
window.location.reload();
});
</script>
<!--不要扒我了结束-->
2.【日期+一言】小工具
3.[日期+古诗一言]小工具
4.添加全站总访问量/今日总访问量/当前是第几个访客
使用方法
将以下代码添加到 WordPress 主题根目录下的 funciton.php 函数文件后面;
/**
* 统计全站总访问量/今日总访问量/当前是第几个访客
* @return [type] [description]
*/
function wb_site_count_user(){
$addnum = rand(1,1); //每个访客增加的访问数 5 - 10的随机数
session_start();
$date = date('ymd',time());
if(!isset($_SESSION['wb_'.$date]) && !$_SESSION['wb_'.$date]){
$count = get_option('site_count');
if(!$count || !is_array($count)){
$newcount = array(
'all' => 0,
'date' => $date,
'today' => $addnum
);
update_option( 'site_count', $newcount );
}else{
$newcount = array(
'all' => ($count['all']+$addnum),
'date' => $date,
'today' => ($count['date'] == $date) ? ($count['today']+$addnum) : $addnum
);
update_option( 'site_count', $newcount );
}
$_SESSION['wb_'.$date] = $newcount['today'];
}
return;
}
add_action('init', 'wb_site_count_user');
//输出访问统计
function wb_echo_site_count(){
session_start();
$sitecount = get_option('site_count');
$date = date('ymd',time());
echo '<p>总访问量:<span style="color:red">'.absint($sitecount['all']).'</span> 今日访问量:<span style="color:red">'.absint($sitecount['today']).'</span> 您是今天第:<span style="color:red">'.absint($_SESSION['wb_'.$date]).'</span> 个访问者</p>';
}
在需要调用的地方输入以下代码,如 footer.php 里
<?php wb_echo_site_count(); ?>
5.给网站底部添加一个横向信息统计模块
6.给网站添加VIP视频在线解析页面
7.大气漂亮的网站赞助页面
教程:
1.在你主题根目录新建一个页面路径:www/wwwroot/你的网址/wp-content/themes/zibll/pages,复制我提供的源码
<?php
/**
* Template name: zhanzu-赞助
* Description: sidebar page
*/
// 天机阁-赞助页面
// 天机阁 tianjige.xyz
get_header();
?>
<main class="container">
<div class="content-wrap">
<div id="percentageCounter"></div>
<style>
.yfkj-donate-cover {
position: relative;
width: 100%;
height: 100%;
border-radius: var(--main-radius);
overflow: hidden;
box-sizing: border-box
}
.yfkj-donate-cover img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
-webkit-user-drag: none
}
.yfkj-donate-programme {
overflow: hidden
}
.yfkj-donate-programme>.yfkj-programme-title {
text-align: center;
background: linear-gradient(135deg, #16aaf7 0, #c696fc 80%);
padding: 10px;
font-size: 1.8em;
color: #fff;
}
.yfkj-programme-content .yfkj-money-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.yfkj-programme-content .yfkj-money-item {
position: relative;
width: 100%;
height: 180px;
margin: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
border: 1px solid transparent;
overflow: hidden;
-webkit-transition: transform .5s;
transition: transform .5s;
box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -1px -1px 10px 0 #f7aecd;
}
.yfkj-programme-content .yfkj-money-item:hover {
border-color: #ed6d83;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: transform .5s;
transition: transform .5s
}
.yfkj-donate-programme .yfkj-money-label {
width: 70px;
height: 30px;
line-height: 30px;
background: #fe85ca;
border-radius: 0 5px 0 10px;
font-weight: 700;
color: var(--main-bg-color);
font-size: 18px;
text-align: center;
position: absolute;
top: -2px;
right: -2px
}
.yfkj-donate-programme .yfkj-money-icon {
width: 90px;
height: 90px
}
.yfkj-donate-programme .yfkj-money-name {
font-size: 1.6em
}
@media (min-width: 768px) and (max-width: 1023px) {
.yfkj-donate-cover {
height: 350px
}
.yfkj-programme-content .yfkj-money-item {
width: calc(100% / 2 - 20px)
}
}
@media (min-width: 1024px) {
.yfkj-donate-cover {
height: 450px
}
.yfkj-programme-content .yfkj-money-item {
width: calc(100% / 3 - 20px)
}
}
.modal-content {
overflow: hidden
}
.yfkj-modal-body {
background: var(--body-bg-color)
}
.yfkj-donate-modal-zfm {
position: relative;
text-align: center;
background: var(--main-bg-color);
overflow: hidden;
border-radius: var(--main-radius)
}
.yfkj-donate-modal-zfm::after,
.yfkj-donate-modal-zfm::before {
position: absolute;
content: "";
width: 35px;
height: 35px;
background: var(--body-bg-color);
border-radius: 99px;
top: 6.8rem
}
.yfkj-donate-modal-zfm::before {
left: -17px
}
.yfkj-donate-modal-zfm::after {
right: -17px
}
.yfkj-donate-modal-zfm img {
width: auto;
height: 180px
}
.yfkj-donate-modal-title {
margin: 1rem;
border-bottom: .25rem dashed var(--main-border-color)
}
.yfkj-donate-modal-title b {
font-size: 2rem
}
.yfkj-donate-modal-ewm {
padding: 1rem
}
.yfkj-donate-modal-btn {
padding: 15px
}
.yfkj-donate-btns {
display: inline-block;
background: var(--main-border-color);
border-radius: 99px;
border: 1px solid var(--main-border-color);
overflow: hidden
}
.btn.focus,
.btn:focus,
.btn:hover {
color: var(--key-color) !important
}
.yfkj-donate-btns .yfkj-zf-btn {
border-radius: 99px;
background: 0 0;
transition: all .5s
}
.yfkj-donate-btns .yfkj-zf-btn.yfkj-active {
background: var(--main-bg-color)
}
/*说明*/
.yfkj-text-title {
font-size: 18px;
font-weight: 200;
color: #ffa0a0;
}
.yfkj-text-title>i {
padding: 0 8px 0 5px;
margin-right: 5px;
color: #fff;
background: #feaa71;
border-radius: var(--main-radius)
}
.yfkj-text-content {
padding: 0 10px
}
.yfkj-text-content {
font-size: 16px
}
.yfkj-serve-content>.yfkj-serve-item {
padding-left: 1em;
font-size: 16px;
list-style: inside !important
}
.yfkj-serve-content>.yfkj-serve-item>b {
color: var(--wp--preset--color--vivid-red)
}
.feature-icon img {
width: 60px;
height: auto
}
.yfkjco {
box-shadow: 0 0 10px rgb(227 228 228)
}
/*首页快速导航*/
.jitheme-container {
/* margin-top: 0px!important; */
}
.jitheme-background-default {
background-color: #fff;
}
.jitheme_slide_ss {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
}
.jitheme_slide_jb {
position: relative;
margin-bottom: 30px !important;
}
.jitheme_slide_n {
display: flex;
margin: 0 auto;
padding-top: 10px;
height: 60px;
color: #fff;
font-size: 14px;
justify-content: space-between;
}
.jitheme_slide_n .jitheme_slide_s {
position: relative;
display: inline-block;
padding: 0 30px;
height: 40px;
border-radius: 73px;
background: none;
vertical-align: middle;
text-align: center;
line-height: 40px
}
.jitheme_slide_n .jitheme_slide_s ul {
float: left;
margin: 0 auto
}
.jitheme_slide_n .jitheme_slide_s li {
float: left;
margin-right: 40px
}
.jitheme_slide_n .jitheme_slide_s li .first {
color: var(--b2color)
}
.jitheme_slide_n .jitheme_slide_s li a {
float: left;
color: #606075;
font-weight: 200;
font-size: 14px;
}
.jitheme_slide_n .jitheme_slide_y {
/* font-weight:600; */
position: relative;
display: inline-block;
padding: 0 40px;
height: 40px;
background: none;
vertical-align: middle;
text-align: center;
line-height: 40px;
}
.jitheme_slide_n .jitheme_slide_y a {
margin-left: 40px;
color: #ff3355;
}
.jitheme_slide_d {
padding-left: 20px;
flex: 0 0 25%;
box-sizing: border-box;
width: 100%;
max-width: 100%
}
.jitheme-dt:hover {
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.jitheme_slide_d .mini-stats {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
transition: all .3s;
background-color: var(--body-bg-color);
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border: none;
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
overflow: hidden;
border-radius: var(--main-radius);
}
.jitheme_slide_d .mini-stats:hover {
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.mini-stats .mini-stats-content {
padding: 10px 15px 15px 15px !important
}
.jitheme_slide_d_mb4,
.my-4 {
margin-bottom: 15px !important
}
.jitheme_slide_d_right {
text-align: right !important;
color: rgba(255, 255, 255, .5) !important
}
.jitheme_slide_d_right span {
margin-top: .5rem !important;
background-color: #f8f9fa;
margin-bottom: .5rem !important;
color: #f27d7d;
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.jitheme_slide_d_right p {
color: #fff
}
.jitheme_slide_d_m {
margin-left: 15px !important;
margin-right: 15px !important;
}
.jitheme_slide_d_m .mini-stats-desc {
display: inline-block;
position: relative;
bottom: 22px;
height: 100%;
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
background-color: var(--body-bg-color) !important;
padding: 10px !important;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: var(--main-radius);
}
.jitheme_slide_d_m .mini-stats-desc li {
float: left;
flex: 0 0 33.33333%;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.jitheme_slide_d_m .mini-stats-desc a {
display: block;
/* height:60px; */
/* padding:12px 15px 15px 15px; */
}
.jitheme_slide_d_m .mini-stats-desc a:hover {
color: var(--primary-color) !important
}
.jitheme_slide_d_m .mini-stats-desc a img {
display: block;
width: 58px;
height: 45px;
margin: 0 auto 5px
}
.jitheme_slide_d_m .mini-stats-desc p {
display: block;
height: 20px;
line-height: 20px;
overflow: hidden;
font-size: 12px;
color: #5f5f5f;
text-align: center;
}
.jitheme_slide_n ol,
ul,
li {
list-style: none;
}
.widget_text.zib-widget.widget_custom_html {
padding: 0px;
}
.mini-stats-desc.b2-radius li:not(article):hover {
opacity: 1;
z-index: 99;
border-radius: 20px;
transform: translateY(-5px);
box-shadow: 0 3px 20px rgba(0, 0, 0, .25);
animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;
}
@keyframes index-link-active {
0% {
transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(0);
}
16% {
transform: perspective(2000px) rotateX(10deg) rotateY(5deg) translateZ(32px);
}
100% {
transform: perspective(2000px) rotateX(0) rotateY(0) translateZ(65px);
}
}
@media (max-width: 767px) {
.jitheme_slide_d {
padding-left: 20px;
flex: 0 0 100%;
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 1100px) {
.textwidget.custom-html-widget {
display: none !important;
}
}
</style>
<main class="container">
<div class="content-wrap">
<div class="content-layout">
<!-- 主体 -->
<div class="yfkj-donate-cover main-shadow mb20">
<img src="https://001.pipixiaozhan.cn/images/ZanZhu/blog.jpg" draggable="false" />
</div>
<div class="jitheme_slide_ss">
<div class="jitheme_slide_d">
<div class="mini-stats b2-radius">
<div class="mini-stats-content" style="background: url(https://001.pipixiaozhan.cn/images/ZanZhu/1.webp);background-size: 100% 100%;">
<div class="jitheme_slide_d_mb4">
<div class="jitheme_slide_d_right">
<span>
资源区
</span>
<p>
精品资源,文章教程
</p>
</div>
</div>
</div>
<div class="jitheme_slide_d_m">
<div class="mini-stats-desc b2-radius"><li><a href="/250.html" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/01.svg">
<p>
<b>主题美化</b>
</p>
</a>
</li><li><a href="/category/resource/003/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/02.svg">
<p>
<b>网站源码</b>
</p>
</a>
</li><li><a href="/category/resource/tutorial/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/03.svg">
<p>
<b>教程分享</b>
</p>
</a>
</li></div>
</div>
</div>
</div><div class="jitheme_slide_d">
<div class="mini-stats b2-radius">
<div class="mini-stats-content" style="background: url(https://001.pipixiaozhan.cn/images/ZanZhu/2.webp);background-size: 100% 100%;">
<div class="jitheme_slide_d_mb4">
<div class="jitheme_slide_d_right">
<span>
软件区
</span>
<p>
绿色软件,精品软件
</p>
</div>
</div>
</div>
<div class="jitheme_slide_d_m">
<div class="mini-stats-desc b2-radius"><li><a href="/category/resource/ziyuan/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/04.svg">
<p>
<b>设计资源</b>
</p>
</a>
</li><li><a href="/category/resource/software/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/05.svg">
<p>
<b>软件资源</b>
</p>
</a>
</li><li><a href="/category/resource/001/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/06.svg">
<p>
<b>手机软件</b>
</p>
</a>
</li></div>
</div>
</div>
</div><div class="jitheme_slide_d">
<div class="mini-stats b2-radius">
<div class="mini-stats-content" style="background: url(https://001.pipixiaozhan.cn/images/ZanZhu/3.webp);background-size: 100% 100%;">
<div class="jitheme_slide_d_mb4">
<div class="jitheme_slide_d_right">
<span>
网站区
</span>
<p>
其他运营的主网站
</p>
</div>
</div>
</div>
<div class="jitheme_slide_d_m">
<div class="mini-stats-desc b2-radius"><li><a href="https://key.tianjige.xyz" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/07.svg">
<p>
<b>天机阁卡密</b>
</p>
</a>
</li><li><a href="//www.1457vip.com" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/09.svg">
<p>
<b>天机阁云创</b>
</p>
</a>
</li><li><a href="//shop.1457vip.com" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu2/08.svg">
<p>
<b>天机阁源码</b>
</p>
</a>
</li></div>
</div>
</div>
</div><div class="jitheme_slide_d">
<div class="mini-stats b2-radius">
<div class="mini-stats-content" style="background: url(https://001.pipixiaozhan.cn/images/ZanZhu/4.webp);background-size: 100% 100%;">
<div class="jitheme_slide_d_mb4">
<div class="jitheme_slide_d_right">
<span>
站内特权
</span>
<p>
快来了解本站的所有特权吧
</p>
</div>
</div>
</div>
<div class="jitheme_slide_d_m">
<div class="mini-stats-desc b2-radius"><li><a href="/index.php/forums-2/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/xinxi.svg">
<p>
<b>社区交流</b>
</p>
</a>
</li><li><a href="/dynamic/1/" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/gonggao.svg">
<p>
<b>站内公告</b>
</p>
</a>
</li><li><a href="/user/balance" target="_blank" class="jitheme-dt"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/huiyuan.svg">
<p>
<b>签到积分</b>
</p>
</a>
</li></div>
</div>
</div>
</div>
</div>
<div class="yfkj-donate-programme mb20 main-bg main-shadow radius8">
<div class="yfkj-programme-title">
<section data-id="124069" class="yfkjeditor style_1" powered-by="tianjige.xyz" draggable="true" data-md5="023bb"><section style="text-align: center;" powered-by="tianjige.xyz" data-md5="023bb" class="style_2"><section style="display: inline-block;vertical-align:middle;" powered-by="tianjige.xyz" data-md5="023bb" class="style_3"><section style="display: flex;align-items: center;justify-content: space-between;" powered-by="tianjige.xyz" data-md5="023bb" class="style_4"><section style="width: 7px;height: 7px;border:1px solid #ffcd59;border-radius: 50%;box-sizing: border-box;transform: translate(52px,5px);" powered-by="tianjige.xyz" data-md5="023bb" class="style_5"></section><section style="width:21px;margin: 0 -9px 8px auto;line-height:2px;" powered-by="tianjige.xyz" data-md5="023bb" class="style_6"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/zu3.png" style="vertical-align:middle;width:100%;" class="small_image style_7" _src="https://001.pipixiaozhan.cn/images/ZanZhu/zu3.png" data-isstyleimage="1" draggable="false" data-md5="023bb"></section></section><section style="display: flex;align-items: center;justify-content: center;" powered-by="tianjige.xyz" data-md5="023bb" class="style_8"><section style="width: 28px;height: 28px;background-color: #85d6ac;border-radius: 4px;margin:0 8px;transform-origin: right bottom;transform: rotate(16deg);" powered-by="tianjige.xyz" class="yfkj-banone style_9" data-md5="023bb"><section class="wxqq-Color style_10" style="color: #fff;letter-spacing: 1px;line-height: 28px;text-align:center;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="023bb"><p class="yfkjbrush style_11" style="padding: 0px;margin: 0px;" data-md5="023bb">赞</p></section></section><section style="width: 28px;height: 28px;background-color: #ff8566;border-radius: 4px;margin:0 8px;transform-origin: left bottom;transform: rotate(-16deg);" powered-by="tianjige.xyz" class="yfkj-banone style_12" data-md5="023bb"><section class="wxqq-Color style_13" style="color: #fff;letter-spacing: 1px;line-height: 28px;text-align:center;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="023bb"><p class="yfkjbrush style_14" style="padding: 0px;margin: 0px;" data-md5="023bb">助</p></section></section><section style="width: 28px;height: 28px;background-color: #ffcd59;border-radius: 4px;transform-origin: right top;transform: rotate(16deg);" powered-by="tianjige.xyz" class="yfkj-banone style_15" data-md5="023bb"><section class="wxqq-Color style_16" style="color: #fff;letter-spacing: 1px;line-height: 28px;text-align:center;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="023bb"><p class="yfkjbrush style_17" style="padding: 0px;margin: 0px;" data-md5="023bb">方</p></section></section><section style="width: 28px;height: 28px;background-color: #7fceff;border-radius: 4px;margin:0 2px;transform-origin: left top;transform: rotate(-16deg);" powered-by="tianjige.xyz" class="yfkj-banone style_18" data-md5="023bb"><section class="wxqq-Color style_19" style="color: #fff;letter-spacing: 1px;line-height: 28px;text-align:center;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="023bb"><p class="yfkjbrush style_20" style="padding: 0px;margin: 0px;" data-md5="023bb">案</p></section></section></section><section style="display: flex;align-items: center;justify-content: space-between;margin-top: -7px;" powered-by="tianjige.xyz" data-md5="023bb" class="style_21"><section style="width: 7px;height: 7px;border:1px solid #ffab4c;border-radius: 50%;box-sizing: border-box;transform: translate(7px,-11px);" powered-by="tianjige.xyz" data-md5="023bb" class="style_22"></section><section style="width: 7px;height: 7px;border:1px solid #85d6ac;border-radius: 50%;box-sizing: border-box;transform: translate(-27px,5px);" powered-by="tianjige.xyz" data-md5="023bb" class="style_23"></section></section></section></section></section>
</div>
<div class="yfkj-programme-content">
<ul class="yfkj-money-wrap">
<li data-pay="10" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">¥10</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/1.png" alt="一个鸡腿" draggable="false" />
<b class="yfkj-money-name">一个鸡腿</b>
</li>
<li data-pay="20" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">¥20</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/2.png" alt="一杯咖啡" draggable="false" />
<b class="yfkj-money-name">一杯咖啡</b>
</li>
<li data-pay="30" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">¥30</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/4.png" alt="一个汉堡" draggable="false" />
<b class="yfkj-money-name">一个汉堡</b>
</li>
<li data-pay="50" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">¥50</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/5.png" alt="一份肯德基套餐" draggable="false" />
<b class="yfkj-money-name">一份肯德基套餐</b>
</li>
<li data-pay="100" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">¥100</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/3.png" alt="一份全家桶" draggable="false" />
<b class="yfkj-money-name">一份全家桶</b>
</li>
<li data-pay="zdy" class="yfkjco yfkj-money-item main-shadow radius8">
<span class="yfkj-money-label">自定义</span>
<img class="yfkj-money-icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/6.png" alt="爱心红包" draggable="false" />
<b class="yfkj-money-name dsjb">爱心红包</b>
</li>
</ul>
</div>
</div>
<div class="yfkj-donate-programme mb20 main-bg main-shadow radius8">
<div class="yfkj-programme-title">
<section data-id="120340" class="yfkjeditor style_1" data-type="lspecial04,lspecial06" powered-by="tianjige.xyz" draggable="true" data-md5="997e1"><section style="display: flex;align-items: center;justify-content: center;" powered-by="tianjige.xyz" data-md5="997e1" class="style_2"><section style="width:40px;line-height:2px;" powered-by="tianjige.xyz" data-md5="997e1" class="style_3"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/zu1.png" style="vertical-align:middle;width:100%;" class="small_image style_4" _src="https://001.pipixiaozhan.cn/images/ZanZhu/zu1.png" data-isstyleimage="1" draggable="false" data-md5="997e1"></section><section style="margin: 0 10px;" powered-by="tianjige.xyz" data-md5="997e1" class="style_5"><section style="display: flex;align-items: center;background: linear-gradient(to top,#FFE8E6 40% ,rgba(255, 255, 255, 0) 40%);padding: 0 0 3px 0;justify-content: center;" powered-by="tianjige.xyz" class="yfkj-banone style_6" data-md5="997e1"><section style="margin-right: 7px;" powered-by="tianjige.xyz" data-md5="997e1" class="style_7"><section class="wxqq-Color style_8" style="color: #FF1856;letter-spacing: 0px;line-height: 18px;text-align:justify;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="997e1"><p class="autosort style_9" style="padding: 0px;margin: 0px;" data-md5="997e1"><b>01</b></p></section></section><section style="" powered-by="tianjige.xyz" data-md5="997e1" class="style_10"><section class="wxqq-Color style_11" style="color: #FF1856;letter-spacing: 1.5px;line-height: 16px;text-align:justify;font-size: 16px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="997e1"><p class="yfkjbrush style_12" style="padding: 0px;margin: 0px;" data-md5="997e1"><b>赞助说明</b></p></section></section></section><section style="" powered-by="tianjige.xyz" data-md5="997e1" class="style_13"><section class="wxqq-Color style_14" style="color: #FF1856;letter-spacing: 1.5px;line-height: 20px;text-align:justify;font-size: 12px;font-weight: bold;" powered-by="tianjige.xyz" data-md5="997e1"><p class="yfkjbrush style_15" style="padding: 0px;margin: 0px;" data-md5="997e1"><b>HAPPY HOLIDAY</b></p></section></section></section><section style="width:40px;line-height:2px;" powered-by="tianjige.xyz" data-md5="997e1" class="style_16"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/zu2.png" style="vertical-align:middle;width:100%;" class="small_image style_17" _src="https://001.pipixiaozhan.cn/images/ZanZhu/zu2.png" data-isstyleimage="1" draggable="false" data-md5="997e1"></section></section></section>
</div>
<div class="yfkj-programme-content box-body theme-box">
<!--1-->
<section data-id="48353" class="yfkjeditor style_1" data-type="lspecial02,lspecial06" powered-by="tianjige.xyz" draggable="true" data-md5="2ece3"><section style="box-sizing: border-box;padding-bottom:2px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_2"><section style="display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_3"><section class="wxqq-borderBottomColor wxqq-borderTopColor wxqq-borderRightColor wxqq-borderLeftColor style_4" style="box-sizing: border-box;border:2px solid #FF977B;padding:1px 0;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);" powered-by="tianjige.xyz" data-md5="2ece3"><section style="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" powered-by="tianjige.xyz" class="yfkj-bacolor style_5" data-bastyle="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" data-md5="2ece3"><section class="wxqq-Color style_6" style="color: #FF1856;letter-spacing: 1px;line-height: 24px;text-align:center;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_7" style="padding: 0px;margin: 0px;font-size: 14px;" data-md5="2ece3"><b>NO.</b><span class="autosort style_8" data-md5="2ece3"><b>01</b></span></p></section></section></section><section style="-webkit-box-flex: 1;width: 0;margin-bottom:1px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_9"><section class="wxqq-Color style_10" style="color: #FF1856;letter-spacing: 1px;line-height: 21px;text-align: justify;margin-left:8px;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_11" style="padding: 0px;margin: 0px;font-size: 18px;" data-md5="2ece3">
<b>天机阁会努力坚持做到:</b></p></section><section class="wxqq-borderTopColor style_12" style="width:100%;height:0px;box-sizing: border-box;border-top:2px solid #FF977B;" powered-by="tianjige.xyz" data-md5="2ece3"></section></section></section></section></section>
<hr />
<div class="yfkj-text-wrap">
<div class="wp-block-zibllblock-feature feature yfkjco feature-default" data-icon="fa-flag"><div class="feature-icon"><img class="icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/1.svg" /></div><div class="feature-title"><b>优质教程</b></b></div><div class="feature-note">所有发布的教程几乎不收费</div></div>
<div class="wp-block-zibllblock-feature feature yfkjco feature-default" data-icon="fa-flag"><div class="feature-icon"><img class="icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/2.svg" /></div><div class="feature-title"><b>更新维护</b></div><div class="feature-note">定期更新与维护文章教程</div></div>
<div class="wp-block-zibllblock-feature feature yfkjco feature-default" data-icon="fa-flag"><div class="feature-icon"><img class="icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/3.svg" /></div><div class="feature-title"><b>下载提速</b></div><div class="feature-note">所有文件本地下载,高效提速</div></div>
<div class="wp-block-zibllblock-feature feature yfkjco feature-default" data-icon="fa-flag"><div class="feature-icon"><img class="icon" src="https://001.pipixiaozhan.cn/images/ZanZhu/4.svg" /></div><div class="feature-title"><b>永无广告</b></div><div class="feature-note">网站几乎纯净无任何广告</div></div>
</div>
<!--2-->
<hr />
<section data-id="48353" class="yfkjeditor style_1" data-type="lspecial02,lspecial06" powered-by="tianjige.xyz" draggable="true" data-md5="2ece3"><section style="box-sizing: border-box;padding-bottom:2px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_2"><section style="display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_3"><section class="wxqq-borderBottomColor wxqq-borderTopColor wxqq-borderRightColor wxqq-borderLeftColor style_4" style="box-sizing: border-box;border:2px solid #FF977B;padding:1px 0;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);" powered-by="tianjige.xyz" data-md5="2ece3"><section style="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" powered-by="tianjige.xyz" class="yfkj-bacolor style_5" data-bastyle="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" data-md5="2ece3"><section class="wxqq-Color style_6" style="color: #FF1856;letter-spacing: 1px;line-height: 24px;text-align:center;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_7" style="padding: 0px;margin: 0px;font-size: 14px;" data-md5="2ece3"><b>NO.</b><span class="autosort style_8" data-md5="2ece3"><b>02</b></span></p></section></section></section><section style="-webkit-box-flex: 1;width: 0;margin-bottom:1px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_9"><section class="wxqq-Color style_10" style="color: #FF1856;letter-spacing: 1px;line-height: 21px;text-align: justify;margin-left:8px;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_11" style="padding: 0px;margin: 0px;font-size: 18px;" data-md5="2ece3">
<b>为什么需要赞助</b></p></section><section class="wxqq-borderTopColor style_12" style="width:100%;height:0px;box-sizing: border-box;border-top:2px solid #FF977B;" powered-by="tianjige.xyz" data-md5="2ece3"></section></section></section></section></section>
<hr />
<div class="yfkj-text-content">
<section data-id="50923" class="yfkjeditor style_1" data-tools="小蚂蚁编辑器" powered-by="tianjige.xyz" data-md5="6a933" act="yfkj"><section style="padding-bottom:2px;box-sizing:border-box;" powered-by="tianjige.xyz" data-md5="6a933" class="style_2"><section style="width:30px;margin:0px 0px -11px 50px;line-height:20px;transform:skew(-20deg);-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);" powered-by="tianjige.xyz" data-md5="6a933" class="style_3"><section style="display:inline-block;vertical-align:middle;margin-right:5px;width:10px;height:20px;line-height:20px;background-color:#ffe4e4;" powered-by="tianjige.xyz" class="yfkj-banone style_4" data-md5="6a933"></section><section style="display:inline-block;vertical-align:middle;width:10px;height:20px;line-height:20px;background-color:#ffe4e4;" powered-by="tianjige.xyz" class="yfkj-banone style_5" data-md5="6a933"></section></section><section style="display:-webkit-flex;display:flex;align-items:stretch;" powered-by="tianjige.xyz" data-md5="6a933" class="style_6"><section style="width:20px;padding:20px 0px;box-sizing:border-box;" powered-by="tianjige.xyz" data-md5="6a933" class="style_7"><section style="height:100%;width:20px;background-color:rgba(255,228,228,0.5);" powered-by="tianjige.xyz" class="yfkj-banone style_8" data-md5="6a933"></section></section><section style="flex:1;" powered-by="tianjige.xyz" data-md5="6a933" class="style_9"><section style="background-color:rgba(255,228,228,0.5);padding:20px 0px;box-sizing:border-box;" powered-by="tianjige.xyz" class="yfkj-banone style_10" data-md5="6a933"><section style="background-color:rgba(255,228,228,0.5);padding:20px 30px;box-sizing:border-box;" powered-by="tianjige.xyz" class="yfkj-banone style_11" data-md5="6a933"><section class="wxqq-Color style_12" style="color:#ff0007;letter-spacing:1px;line-height:24px;text-align:justify;" powered-by="tianjige.xyz" data-md5="6a933"><p class="yfkjbrush style_13" style="font-size:14px;padding:0px;margin:0px;" data-md5="6a933">
<b>天机阁上线以来,努努力加加班定时更新一好玩的教程,几年下来也慢慢教程质量有了一些提升,加上发布教程完全免费(积分通过签到获取,即免费),能坚持这么多年也是很不容易的,随着时间的推移,维持网站的运行需要支出高昂的服务器和带宽费用。为了能继续坚持免费做下去,天机阁希望大家能够赞助天机阁,给天机阁加油打气!激励天机阁继续创作下去!谢谢!</b></p></section></section></section></section><section style="width:20px;padding:20px 0px;box-sizing:border-box;" powered-by="tianjige.xyz" data-md5="6a933" class="style_14"><section style="height:100%;width:20px;background-color:rgba(255,228,228,0.5);" powered-by="tianjige.xyz" class="yfkj-banone style_15" data-md5="6a933"></section></section></section><section style="width:30px;margin:-11px 50px 0px auto;line-height:20px;transform:skew(-20deg);-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);" powered-by="tianjige.xyz" data-md5="6a933" class="style_16"><section style="display:inline-block;vertical-align:middle;margin-right:5px;width:10px;height:20px;line-height:20px;background-color:#ffe4e4;" powered-by="tianjige.xyz" class="yfkj-banone style_17" data-md5="6a933"></section><section style="display:inline-block;vertical-align:middle;width:10px;height:20px;line-height:20px;background-color:#ffe4e4;" powered-by="tianjige.xyz" class="yfkj-banone style_18" data-md5="6a933"></section></section></section></section>
</div>
<hr />
<!--3-->
<section data-id="48353" class="yfkjeditor style_1" data-type="lspecial02,lspecial06" powered-by="tianjige.xyz" draggable="true" data-md5="2ece3"><section style="box-sizing: border-box;padding-bottom:2px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_2"><section style="display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:end;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_3"><section class="wxqq-borderBottomColor wxqq-borderTopColor wxqq-borderRightColor wxqq-borderLeftColor style_4" style="box-sizing: border-box;border:2px solid #FF977B;padding:1px 0;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);" powered-by="tianjige.xyz" data-md5="2ece3"><section style="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" powered-by="tianjige.xyz" class="yfkj-bacolor style_5" data-bastyle="background-color:#FFDBBB;box-sizing: border-box;padding:0 5px;margin:1px -4px -6px 4px;" data-md5="2ece3"><section class="wxqq-Color style_6" style="color: #FF1856;letter-spacing: 1px;line-height: 24px;text-align:center;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_7" style="padding: 0px;margin: 0px;font-size: 14px;" data-md5="2ece3"><b>NO.</b><span class="autosort style_8" data-md5="2ece3"><b>03</b></span></p></section></section></section><section style="-webkit-box-flex: 1;width: 0;margin-bottom:1px;" powered-by="tianjige.xyz" data-md5="2ece3" class="style_9"><section class="wxqq-Color style_10" style="color: #FF1856;letter-spacing: 1px;line-height: 21px;text-align: justify;margin-left:8px;" powered-by="tianjige.xyz" data-md5="2ece3"><p class="yfkjbrush style_11" style="padding: 0px;margin: 0px;font-size: 18px;" data-md5="2ece3"><b>还有其他支持天机阁的渠道或者方式吗?</b></p></section><section class="wxqq-borderTopColor style_12" style="width:100%;height:0px;box-sizing: border-box;border-top:2px solid #FF977B;" powered-by="tianjige.xyz" data-md5="2ece3"></section></section></section></section></section>
<hr />
<div class="yfkj-text-content">
<p> <b>目前暂时没有其他渠道,如果您想以QQ支付的方式赞助天机阁可以加天机阁QQ赞助天机阁,所有赞助服务均有效。</b></p>
</div>
<!--4--><section data-id="119931" class="yfkjeditor style_1" data-type="lspecial02,lspecial04" powered-by="tianjige.xyz" data-md5="de993"><section style="text-align: center;" powered-by="tianjige.xyz" data-md5="de993" class="style_2"><section class="wxqq-Color style_3" style="color: #FF1856;letter-spacing: 1px;margin-left: 40px; line-height:16px;text-align:justify;font-size: 20px;font-weight: bold;margin-bottom: -5px;" powered-by="tianjige.xyz" data-md5="de993"><p class="yfkjbrush style_4" style="padding: 0px;margin: 0px;" data-md5="de993"><b>天机阁-tianjige.xyz</b></p></section><section class="yfkj-bacolor wxqq-bg style_5" style="box-sizing: border-box;padding:0px;background-color:#FF898C;width: 30px;height: 30px;margin-bottom: -30px;transform: rotate(0deg);" powered-by="tianjige.xyz" data-md5="de993"></section><section class="wxqq-borderBottomColor wxqq-borderTopColor wxqq-borderRightColor wxqq-borderLeftColor style_6" style="box-sizing: border-box;border:10px solid #FFDCDB;padding:0; " powered-by="tianjige.xyz" data-md5="de993"><section style="box-sizing: border-box;padding:20px 0;background-color:#fff;transform: rotate(0deg);" powered-by="tianjige.xyz" class="yfkj-banone style_7" data-md5="de993"><section class="wxqq-Color style_8" style="color: #ff0007;letter-spacing: 1.5px;margin-left: 1.5px; line-height: 28px;text-align:center;font-size: 14px;" powered-by="tianjige.xyz" data-md5="de993"><p class="yfkjbrush style_9" style="padding: 0px;margin: 0px;" data-md5="de993"><b>这朵世间最美好的玫瑰,</b></p><p class="yfkjbrush style_10" style="padding: 0px;margin: 0px;" data-md5="de993"><b>星尘为泥,银河滋养,永远不会枯萎,</b></p><p class="yfkjbrush style_11" style="padding: 0px;margin: 0px;" data-md5="de993"><b>永远在沉静宇宙中盛放。</b></p><p class="yfkjbrush style_12" style="padding: 0px;margin: 0px;" data-md5="de993"><b>这是我要给你的,宇宙级别的浪漫。</b></b></p></section></section></section><section style="width:30px;margin: -36.2px 0 0 auto;line-height:2px;transform: rotate(0deg);" powered-by="tianjige.xyz" data-md5="de993" class="style_13"><img src="https://001.pipixiaozhan.cn/images/ZanZhu/zu4.gif" style="vertical-align:middle;width:100%;" class="small_image style_14" data-isstyleimage="1" data-md5="de993" _src="https://001.pipixiaozhan.cn/images/ZanZhu/zu4.gif"></section></section></section>
</div>
</div>
</div>
</div>
<!-- 支付弹窗 -->
<div class="wp-block-zibllblock-modal yfkji-donate-modal">
<div class="modal fade" id="yfkj_donate-modal" aria-hidden="true" data-bkg1="false" aria-bkg2="false" role="dialog" tabindex="-1">
<div class="modal-dialog modal-mini" data-kd="modal-mini">
<div class="modal-content">
<div class="modal-header">
<strong class="modal-title">扫码赞助</strong>
<button class="close" data-dismiss="modal"><div data-class="ic-close" data-svg="close" data-viewbox="0 0 1024 1024"></div></button>
</div>
<div class="yfkj-modal-body modal-body">
<div class="yfkj-donate-modal-zfm modal-body">
<div class="yfkj-donate-modal-title dsjb">
<b>赞助发电❤支持天机阁</b>
<p class="yfkji_pay-title">加载中...</p>
</div>
<div class="yfkj-donate-modal-ewm">
<img src="" draggable="false" />
</div>
<p>长按保存支付二维码</p>
<div class="yfkj-donate-modal-btn">
<div class="yfkj-donate-btns">
<button data-type="wx" class="btn yfkj-zf-btn yfkj-active">微信支付</button>
<button data-type="zfb" class="btn yfkj-zf-btn">支付宝支付</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var pay_money='zdy',pay_type = "wx";
function actv_zf_func(pay_ty){
$(".yfkj-zf-btn").each(function() {
$(this).attr("data-type") === pay_ty ? $(this).addClass('yfkj-active') : $(this).removeClass('yfkj-active');
});
$(".yfkj-donate-modal-ewm>img").attr("src","https://tianjg.com/photo/pay/"+ pay_ty +"/"+ pay_money +".png");
}
$(".yfkj-programme-content").on("click", ".yfkj-money-item", function() {
pay_money = $(this).attr("data-pay");
pay_type = "wx";
var pay_title = $(this).find('.yfkj-money-name').text();
var pay_text = pay_money === 'zdy' ? '请扫码自定义金额' : "¥ " + pay_money;
$(".yfkj-donate-modal-title>.yfkji_pay-title").html(pay_title+"("+pay_text+")");
actv_zf_func(pay_type);
$('#yfkj_donate-modal').modal('show');
});
$(".yfkji-donate-modal").on("click", ".yfkj-zf-btn", function() {
pay_type = $(this).attr("data-type");
actv_zf_func(pay_type);
});
</script>
</div>
</div>
</div>
</main>
<?php
get_footer();
2.在网站后台,页面-新建页面-模板,选择赞助
展示:
文章最后更新时间:2024-05-12 21:11:44,若有错误或已失效,请在下方
留言。
© 版权声明
THE END
- 最新
- 最热
只看作者