给你的网站添加一个滚动Banner
最近挺多人找我要首页的滚动banner教程，所以今天把代码整理了一下放博客里，需要的自取！！ 声明一下，这个是张洪heo的原创，被我扒了过来，前段时间发布过一版！！ 演示图： HTML代码： <link rel="stylesheet" href="/*CSS文件路径*/"> <div id="home_top"> <style type="text/css"> .todayCard-title, .todayCard-tips, .topGroup.banner-button { color: #ffffff } .topGroup.todayCard { background: #000000 } </style> <div class="recent-top-post-group" id="recent-top-post-group"> <div class="recent-post-top" id="recent-post-top"> <div id="bannerGroup"> <div…
快速生成微信公众号二维码的官方接口
在运营微信公众号的过程中，我们经常需要分享公众号的二维码，以方便用户进行关注。微信官方提供了一个非常便捷的二维码外链接接口，可以帮助我们快速生成公众号二维码，下面我将详细介绍如何使用这个接口。 微信公众号官方提供了一个二维码生成接口，通过该接口，可以生成一个特定公众号的二维码，供用户扫码关注。这个接口生成的二维码具有唯一性和官方性，安全可靠。 接口地址 二维码接口的使用方法： 要生成公众号的二维码，可以将其原始ID替换到接口地址中的username参数 https://open.weixin.qq.com/qr/code?username=原始ID 使用外链图片 可以直接使用外链的二维码图片，将生成的二维码链接嵌入到HTML页面中。使用img标签插入图片非常方便。以下是一个简单的示例： <img src="https://open.weixin.qq.com/qr/code?username=原始ID" alt="公众号二维码" />
全新WordPress外链跳转插件v1.1.0
WordPress 外链跳转插件是本站开发的一款WordPress插件，能对文中外链添加一层过滤，有效防止追踪，以及提醒用户。 实现站内跳转不显示页面内容，只有访问站外页面才显示。 插件截图： 下载地址： 123盘：https://www.123pan.com/s/fMn5Vv-NSNod?提取码:manc 直接后台上传启用即可！ 插件Ui参考页面：跳转提示 - 少数派 (sspai.com)
设计经验！帮你完整掌握流行的BentoUI设计风格
本文来分享下近期比较流行的 Bento UI 或者说 Bento Box 设计风格，以及一个设计小案例实操。 一、这是什么风格？ Bento Box（便当盒）源自日本，指的是一餐被分成各个组成部分并装在盒子里的饭盒。而由此命名的 Bento UI 或者说 Bento Box 设计风格，是通过将用户界面划分为明确的部分或区块，类似于传统的便当盒中的隔层，它为内容呈现提供了结构化和有组织的布局。 不管是微软的 Metro UI，苹果的宣传片和网页，以及近期比较火的另一种设计风格“Linear 风”的 Linear 官网中，都可以看到 Bento Box 风格的身影。 二、风格特点 上文提到，Bento Box 设计风格是一种以传统日本便当盒为灵感的设计风格，就像便当的隔层一样，将界面划分为多个隔间，通常结合“卡片”的表现形式，因此具有以下特点： 1. 分隔的布局 Bento Box 设计风格通过明确的分隔和隔层来组织界面。每个隔层通常用于放置特定的内容、功能或模块，使界面具有结构性和组织性。 2. 清晰的分类 通过将不同类型的内容或功能放置在各自的隔层中，实现了内容的清晰分类。这样，用户可…
自定义WordPress登录页面
跟随上一篇练习文章动态渐变动画样式【练习篇】动态 SVG 径向渐变动画 - 漫川笔记 (mancs.cn)写了一个WordPress插件。自己用的喜欢的拿去用就行了 插件功能： 默认动态SVG渐变动画（暂时不可以更改颜色） 自定义HTML 自定义CSS 自定义Js 暂时就这么多功能。后期有需要功能在添加 截图： 下载链接： 123盘：https://www.123pan.com/s/fMn5Vv-lWNod?提取码:wnYD
【练习篇】动态 SVG 径向渐变动画
前言： 前段时间看到这种动态SVG渐变效果看上去很舒服，今天抽出来时间试了一下，看着还不错。文章中没有放GIF图片，试了一下太掉帧了，直接放了静态图片了，想看效果的自己建一个index.html试一下就行。 话不多说直接上图和代码 演示图： 一个简单的HTML页面代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>漫川演示页面</title> <style> body { margin: 0; padding: 0; overflow: hidden; } svg { width: 100%; height: 100%; position: absolute; z-index: -1; } @media (max-width: 768px) { svg { width: 100vw; height: 100vh; position: absolute; z-index: -1; } } /* 添…
WordPress指定单篇文章禁止右键单击或者禁止复制插件
前言： 这个插件写来备用的，有时候也能用着，但是禁止这个东西还是有东西能破解的，可以防那些不懂的复制或者粘贴。 以前是利用主题的functions.php文件使用代码让主题全局禁止这些东西。现在可以指定单篇文章禁止右键或者禁止复制这些。 插件截图： 目前插件功能： 禁用右键单击 禁用复制 复制时携带来源并弹出提示 禁止复制图片可以复制文字 打开文章时弹出自定义文本弹框 使用方法： 直接上传wordpress博客后台插件启用即可。 如果你想让某一篇文章禁止右键单击直接勾选上这些你想要的功能就行，也可以多选使用。 下载链接： 123盘：https://www.123pan.com/s/fMn5Vv-QPNod.html 提取码:manc 插件更新： v1.1： 移除复制时携带来源并弹出提示 添加打开文章时弹出自定义文本弹框，并且可以在文章编辑页面自定义提示文本内容
给你的博客添加一个热力图插件吧
标题所示插件的具体效果应该通过首页可以看到了，用法很简单。如果是不想修改直接拿来用的话，直接解压缩，然后放到usr/plugins/的CalendarGraph目录下 直接使用的话： 在需要显示的位置：<?php \Typecho\Plugin::factory('index.php')->renderGraph() ;?> <?php \Typecho\Plugin::factory('index.php')->renderCalendar() ;?> 但在实际应用中，我的这个插件样式肯定不可能和你们现有的模版皮肤相配套，所以其实你们可以参考我的这两个函数的写法，直接在模板里面写上 <style> #tooltip {zindex: 999;display: none;position: fixed;left: 0;top: 0;height: 25px;background-color: rgba(0, 0, 0, .8);color: #fff;padding: 4px 10px;border-radius: 3px;font-si…
实现小程序全局防截屏和录屏
前言：可能有些朋友会用到这个功能，目前测试在安卓有效，iOS可以截屏但是无法录屏。代码是由小天提供的。代码：wx.setVisualEffectOnCapture({ visualEffect: 'hidden', success: (res) => { console.log(res) }, fail: (err) => { console.log(err) }, complete: (res) => { console.log(res) } }) wx.onUserCaptureScreen(function (res) { console.log('用户截屏了') })使用方法：放到app.js里的onLoad: function () 后面
最近发布
最新评论
你的网站也非常不错！
汤圆 /
非常棒的网站！我也是参考的 GitHub 设计语言制作的个人网站。
Carm /
厉害了 那估计我用的是halo版的😄
ayiya /
最好是网页版在线看+能支持导出pdf 这样更实用
ayiya /
我这个是wordpress的 哈哈哈哈
汤圆 /