要早点睡哦
你好小铭云,我是小明云
在东京的天空上,我们决定性的改变了世界的模样。
首页
留言板
关于筱铭云
免责声明
推荐
筱铭引导页
朋友圈动态
Search
1
每天60秒读懂世界每天自动实时播报更新-筱铭云博客
3,972 阅读
2
欢迎使用 Typecho
3,963 阅读
3
本站同款主题 Typecho — Joe主题
3,416 阅读
4
你要接受这世上突如其来的失去
3,393 阅读
5
Typecho博客Joe主题实现打赏设置 - 筱铭云博客
3,253 阅读
筱铭云
诗和远方
心灵鸡汤
Typecho
halo
网络教程
网络知识
程序软件
登录
/
注册
Search
标签搜索
筱铭云博客
筱铭云
源码
Joe主题
Typecho
代码
html
彩虹
程序
工具箱
API
halo
每天60秒
网站代码
python
我爱代挂
爱代挂
反诈app
反诈中心
Joe
Aree丶筱铭云
累计撰写
36
篇文章
累计收到
4
条评论
️
首页
分类
筱铭云
诗和远方
心灵鸡汤
Typecho
halo
网络教程
网络知识
程序软件
页面
留言板
关于筱铭云
免责声明
推荐
筱铭引导页
朋友圈动态
用户登录
登录丨注册
搜索到
36
篇与
的结果
2021-06-06
Typecho博客Joe主题实现打赏设置 - 筱铭云博客
1.新增一个php文件,用于以后新增自定义设置文件名:custom.php;文件路径:usr/themes/Joe-master/public {tabs}{tabs-pane label="添加代码"}<?php // 收款设置 $ZNPaySet = new Typecho_Widget_Helper_Form_Element_Select( 'ZNPaySet', array( 'on' => '开启(默认)', 'off' => '关闭', ), 'on', '是否启用打赏功能', '介绍:开启后,文章底部展示打赏功能 <br />' ); $ZNPaySet->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNPaySet->multiMode()); $ZNAlipay = new Typecho_Widget_Helper_Form_Element_Text( 'ZNAlipay', NULL, NULL, '支付宝收款码', '介绍:填写此处,打赏界面展示支付宝收款码,图片地址 <br />' ); $ZNAlipay->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNAlipay->multiMode()); $ZNWeChat = new Typecho_Widget_Helper_Form_Element_Text( 'ZNWeChat', NULL, NULL, '微信收款码', '介绍:填写此处,微信界面展示微信收款码,图片地址 <br />' ); $ZNWeChat->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNWeChat->multiMode()); $ZNQqPay = new Typecho_Widget_Helper_Form_Element_Text( 'ZNQqPay', NULL, NULL, 'QQ收款码', '介绍:填写此处,QQ界面展示QQ收款码,图片地址 <br />' ); $ZNQqPay->setAttribute('class', 'joe_content joe_custom'); $form->addInput($ZNQqPay->multiMode()); ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}2.修改handle.php文件,底部新增代码,放在最后一行上面,文件路径:usr/themes/Joe-master/public {tabs}{tabs-pane label="添加代码"}<style> /*弹出*/ .footer_flex { width: 42px; height: 42px; background-color: #f56c6c; border-radius: 50%; cursor: pointer; position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; color:#909399; font-size:12px} .footer_flex:hover { background-color: #409eff; } /*top*/ .footer_flex:hover .flex-footer { display: block; } .footer_flex .flex-footer { box-shadow: 0px 0px 5px 0px #409eff; border-radius: 8px; width: 156px; height: 166px; position: absolute; left: -52px; top: -175px; text-align: center; padding-top: 15px; background: #fff; display: none; } .flex-footer input{vertical-align:middle; margin-bottom:3px; *margin-bottom:3px;} </style> <script language="javascript" type="text/javascript"> function zfb(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNAlipay() ?>`; }; function wx(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNWeChat() ?>`; }; function qq(){ var obj=document.getElementById("ewm"); obj.src=`<?php $this->options->ZNQqPay() ?>`; }; </script> <div style="text-align: center; margin-left:30px; <?php if(Helper::options()->ZNPaySet !== 'on') echo 'display:none;' ?>"> <div class="footer_flex"> <img src="https://tu.50dg.cn/xm/2023/afe.png" width="20px" height="20px"> <div class="flex-footer"> <img id="ewm" src="<?php $this->options->ZNAlipay() ?>" width="120px" height="120px"> <div style="margin-top:5px;"> <label><input name="pay" type="radio" value="wx" checked="checked" onclick="wx()">微信</label> <label style="margin-left:3px; display:block-inline"><input name="pay" type="radio" value="zfb" onclick="zfb()" checked>支付宝</label> <label style="margin-left:3px;"><input name="pay" type="radio" value="qq" onclick="qq()">QQ</label> </div> <div style="height:40px; background:rgba(0,0,0,0);"></div> </div> </div> <p style="margin-top:5px; color:#909399; font-size:12px">打赏</p> </div>{/tabs-pane}{tabs-pane label="添加位置"}{/tabs-pane}{/tabs}3.修改functions.php文件,加入打赏设置菜单和底部引入新建的php文件,文件路径:usr/themes/Joe-master {tabs}{tabs-pane label="添加代码"}<li class="item" data-current="joe_custom">自定义设置</li> // 自定义设置 require_once("public/custom.php");{/tabs-pane}{tabs-pane label="添加位置1"}{/tabs-pane}{tabs-pane label="添加位置2"}{/tabs-pane}{/tabs}4.为打赏按钮增加跳动特效,将以下代码放在主题的全局设置-自定义CSS里面{tabs}{tabs-pane label="添加代码"}.footer_flex { animation: star 0.5s ease-in-out infinite alternate; } @keyframes star { from { transform: scale(1); } to { transform: scale(1.1); } }{/tabs-pane}{tabs-pane label="添加位置"}{/tabs-pane}{/tabs}
2021年06月06日
3,253 阅读
0 评论
183 点赞
2021-05-01
本站同款主题 Typecho — Joe主题
本站同款主题,该文档会随着Joe主题作者同步更新,保证之前实现的功能不被覆盖。{dotted startColor="#ff6c6c" endColor="#1989fa"/}{card-list}{card-list-item}主题下载{/card-list-item}{card-list-item}GitHub下载:https://github.com/HaoOuBa/Joe{/card-list-item}{/card-list}主题描述{card-list}{card-list-item}主题亮点{/card-list-item}{card-list-item}1、整包仅1.3Mb,却实现超强功能,极其迅速的响应(在开发时,都是使用30000篇文章进行开发测试)2、全站变量名、类名统一规范,重在方便更多人参与二开与拓展3、主题开箱即用,没有任何复杂的操作,无需像其他主题去特意创建个分类等。4、主题首发Typecho独家Joe编辑器5、主题响应式布局,不依赖任何响应式框架,采用 Joe 独家响应式6、主题在一切可能暴露的接口上,屏蔽sql注入、xss攻击风险,提供安全保障7、内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能8、主题SEO极致优化,Lighthouse SEO跑分彪满100分9、主题色彩全局公用、小白轻松直接修改整站自定义主题色10、主题内置代码高亮、无需借助任何插件、支持200种语言11、主题首发极强画图回复功能,为你的博客带来用户互动,不再像传统博客那样,仅限文字12、主题内置sitemap、百度推送、友联、回复可见等,无需依赖任何插件{/card-list-item}{/card-list}{message type="success" content="基线版本 Joe 7.3.7"/}
2021年05月01日
3,416 阅读
0 评论
135 点赞
2019-05-20
你要接受这世上突如其来的失去
你要学会接受这世上总有突如其来的失去, 洒了的牛奶,遗失的钱包,走散的爱人, 当你做什么都于事无补时,唯一能做的,就是努力让自己好过一点。 丢都丢了,就别再哭了。 {music id="1330348068" color="#1989fa" autoplay="autoplay"/}
2019年05月20日
3,393 阅读
0 评论
103 点赞
2018-05-20
欢迎使用 Typecho
如果您看到这篇文章,表示您的 blog 已经安装成功.
2018年05月20日
3,963 阅读
1 评论
15 点赞
1
...
4
5