博客主页
分类

Wordpress

下的文章

Blog:

火喵博客・日记本
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒
前言之前博客默认的是Qmsg,虽然很简单但是不容易看到,因此全站都换成了Notification通知。今天刚改好就被朋友催,因为很简单就记一下作为备忘了,具体效果可见图,本博客也用的这个方法,可查看实际效果。引用cdn资源<!-- 引入VUE --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script> <!-- 引入样式 --> <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></script> <!-- 引入组件库 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css">代码放在头部(比如header.php)就可以了代码复制提醒在任意引用全局js的文件内添加: - 隐藏内容 - 禁用右键菜单并提醒在任意引用全局js的文件内添加: - 隐藏内容 - 禁用F12按键并提醒在任意引用全局js的文件内添加: - 隐藏内容 - 相关扩展禁用左键选择//禁用左键选择 document.onselectstart = function () { return false; }禁用复制//禁用复制 document.oncopy = function () { return false; }禁用Ctrl+Shift+I//禁用Ctrl+Shift+I if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) { return false; }
纯代码实现WordPress文章添加下载按钮
本文采用的是直接在文章页中声明按钮的样式,无需安装任何插件及其它的代码配置,只要两步就能搞定,简单易用,轻松上手。<div id="download"> <a style="border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="https://dorcandy.cn/"> 按钮样式 </a> </div>以下是本小站右边侧边栏按钮是代码<div> <a style="display: block; text-align: center; border-radius: 5px; color: #fff; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0;"href="https://blog.dorcandy.cn/"> <i class="fa fa-child"></i> 吃糖博客 </a> </div>
辽ICP备2021005644号-1 辽公网安备 21021102000984号 萌ICP备20210005号 本站已运行 2 年 159 天 17 小时 23 分 自豪地使用 typecho 建站,并使用 MyDiary 主题 百度统计 Copyright © 2009 ~ 2022. 火喵博客 All rights reserved.
历史足迹
分类目录
  • 日常
  • 🤣 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 📭 撰稿