支持支付宝、微信和多种金额的打赏源码

天才小帅 2020-02-16 14:31:28 1260℃ 3条

最近在找网页打赏的源码,在别人博客中看到一个,觉得还不错,就把它从模板中分离了出来,然后美化了一下。如图:

打赏源码

支持支付宝、微信和多种金额;

非并排展示,根据点击显示相应二维码;

去掉了原代码里无用的CSS;

隐藏了radio按钮控件;

支付方式图片上添加了边框;

二维码图片直接替换就可以,去掉了远程路径。

食用方法:

typecho用户把“usr/themes/yourthemes/css、js、img”文件和“/usr/uploads/zanshang”文件上传到对应的目录里,把“打赏源码.html”里的代码添加到模板内“post.php”相应位置;在模板“header.php”里添加

<script src="<?php $this->options->themeUrl('js/jquery-3.3.1.min.js'); ?>"></script>
<link rel="stylesheet" href="<?php $this->options->themeUrl('css/zs.css'); ?>?t=<?php echo time(); ?>">

在模板“footer.php”里添加

<script src="<?php $this->options->themeUrl('js/zs.js'); ?>"></script>

其他CMS用户把“usr/themes/yourthemes/css、js、img”文件和“/usr/uploads/zanshang”文件上传到你的网站资源目录里,把“打赏源码.html”里的代码添加到文章内容模板相应位置;在你的网站头部和底部添加css和js调用即可。

文件说明

支付宝、微信的logo调用在“打赏源码.html”里修改;

收款二维码图片在“/usr/uploads/zanshang”里替换即可;

收款二维码支持远程路径,修改位置在“usr/themes/yourthemes/js/zs.js”里修改。

下载地址:

https://pan.baidu.com/s/1JOx0JGcYscS8TBrqlAFZHw

提取码:diev

标签: none

「感觉有帮助?解决了大问题?一键投喂 牛奶/咖啡/冰阔乐!」

天才小帅

(๑>ڡ<)☆哇~太棒了!

使用微信扫描二维码完成支付

非特殊说明,本博所有文章均为博主原创,并遵循CC BY-NC-SA 4.0 协议许可。

评论啦~



已有 3 条评论


  1. 8SUI
    8SUI

    请问怎么才能完全删除掉这个赞赏,还有删除夜间模式。谢谢

    回复 2020-04-27 21:22:09
    1. 天才小帅
      天才小帅 博主

      赞赏模块你在post.php里找一下<div class="entry-shang text-center">,如果有的话把这一整段代码删掉就可以了。那个模板里的赞赏二维码是一个远程路径,所以即使上传图片到相应目录也不显示自己的,具体修改是在js/main.js里搜索.zs-type:radio:checked,下一行有个src路径,改成本地的就正常了。我只是分离赞赏模块的时候在本地安装过,并没有实际使用过你这个模板,你看一下是不是这几个地方

      回复 2020-04-29 21:10:14
    2. 天才小帅
      天才小帅 博主

      先进入模板文件/usr/themes/7TEC/,删除夜间模式有两处,一个是模板header.php里的< i class="fa fa-sun-o darkmode" aria-hidden="true">,另一处在/usr/themes/7TEC/style.css里110行-117行,删掉这两处应该就可以了。

      回复 2020-04-29 21:10:01