子比主题美化 – 墨星博客同款悬浮按钮赞助排行榜教程

介绍

很早之前写的了拿来练习调用子比modal框。数据都是写󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄡󠄪󠄣󠄡󠄪󠄡󠄠󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹死的修改的话得改代码

效果图

子比主题美化 – 墨星博客同款悬浮按钮赞助排行榜教程

教程开始

复制下面代码添加到/w󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄡󠄪󠄣󠄡󠄪󠄡󠄠󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹p-content/themes/zibll/func.php中(没有需新建文件)

第一步看󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄡󠄪󠄣󠄡󠄪󠄡󠄠󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹看有没有<?php 没有的话要写上

头像是img标签那个调用的获取QQ头像接口可󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄡󠄪󠄣󠄡󠄪󠄡󠄠󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹自行更换

名称和头像在一起修改即可

本文付费阅读内容 – 大SVIP会员免费

function mxchild_float_button($class = ‘float-btn more-btn’, $con = ”) {

$args = array(

‘tag’ => ‘a’,

‘data_class’ => ”,

‘class’ => ‘moxing_gift_svg ‘ . $class,

‘mobile_bottom’ => true,

‘height’ => 330,

‘text’ => $con,

‘query_arg’ => array(

‘action’ => ‘mxchild_float_button_modal’,

);

return zib_get_refresh_modal_link($args);

}

function mxchild_float_button_cebian_top($btn) {

$new_btn = mxchild_float_button(‘float-btn’, ‘<svg class=”icon” aria-hidden=”true”><use xlink:href=”#icon-gift-color”></use></svg>’);

$btn = $new_btn . $btn;

return $btn;

}

add_filter(‘zib_float_right’, ‘mxchild_float_button_cebian_top’);

function mxchild_float_button_modal() {

if (is_user_logged_in()) {

echo mxchild_float_button_content();

} else {

echo zib_user_signtab_content();

}

exit;

}

add_action(‘wp_ajax_mxchild_float_button_modal’, ‘mxchild_float_button_modal’);

add_action(‘wp_ajax_nopriv_mxchild_float_button_modal’, ‘mxchild_float_button_modal’);

function mxchild_float_button_content() {

$header = ‘<div class=”modal-colorful-header colorful-bg modal-colorful-header colorful-bg jb-pink”><button class=”close” data-dismiss=”modal”><svg class=”ic-close” aria-hidden=”true”><use xlink:href=”#icon-close”></use></svg></button><div class=”colorful-make”></div><div class=”text-center”><div class=”em2x”><i class=”fa fa-trophy”></i></div><div class=”mt10 em12 padding-w10″>赞助排行榜</div></div></div>’;

$style = ‘<style>

.ten-rec-box{margin-top:0;margin-top:100px}.ten-rec-box ul{padding:20px 0 10px 0}.ten-rec-box ul li{padding:8px 20px;overflow:hidden;background-color:rgba(34,34,34,0.075);border-radius:7px;margin:5px}.ten-rec-box ul li .num{float:left;display:inline-block;width:26px;height:36px;margin:2px 15px 12px 0;line-height:42px;text-align:center;color:#fff;background:url(https://www.phb123.com/images/icons-tops.png) no-repeat -133px 0;background-size:158px 36px}.ten-rec-box ul li .num.num1{background-position:0 0}.ten-rec-box ul li .num.num2{background-position:-44px 0}.ten-rec-box ul li .num.num3{background-position:-88px 0}.ten-rec-box ul li .thumb{float:left;width:40px;height:40px;margin-right:15px;border:1px solid #f1f1f1;border-radius:100%;overflow:hidden}.ten-rec-box ul li .thumb img{width:40px;height:40px}.ten-rec-box ul li .name{float:left;height:24px;line-height:24px;padding:8px 0;font-size:16px}.ten-rec-box ul li .views{float:right;height:24px;line-height:24px;padding:8px 0;font-size:14px;color:#999}@media (max-width:768px){.banner-ranking-items{margin-top:130px;gap:10px;margin-bottom:10px}.banner-ranking-items .rank-item .thumbs{width:80px;height:80px}.banner-ranking-items .rank-item .thumbs img{width:100px;height:100px}.banner-ranking-items .rank-item .tit{width:120px;font-size:16px}.ten-rec-box ul li .name{font-size:14px}.ten-rec-box ul li .views{font-size:12px}}@media (max-width:480px){.banner-ranking-items{display:none}.ten-rec-box ul li{border-radius:7px}.ten-rec-box ul li .name{font-size:12px}.ten-rec-box ul li .views{font-size:10px}}::-webkit-scrollbar{display:none}

</style>’;

$html = ‘

<ul>

<li>

</div>

</li>

<li>

</div>

<div class=”name”>alist</div>

</li>

<li>

</div>

</li>

<li>

</div>

</li>

<li>

</div>

</li>

<li>

</div>

</li>

</ul>

</div>

‘;

$footer = ‘

‘;

return $header . $style . $html . $footer;

}

转载请保留原文地址

Ctrl+D收藏我们

部分内容来自于网络如有不妥联系站长删除！

本站用户发帖仅代表本站用户个人观点，并不代表本站赞同其观点和对其真实性负责。

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

如果用于其他用途，请购买正版支持作者，谢谢！若您认为「CHUANGFUYE.COM」发布的内容若侵犯到您的权益，请联系站长邮箱:554286@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。