·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

默哀祈祷页面变灰1.0.0

224 2
sgrbdpoz 发表于 2022-5-15 18:17:49 | 查看全部 阅读模式
默哀祈祷页面变灰1.0.0_帖子id:15079_发布时间:2022-05-15 18:17:49
更新日期:
兼容版本: X2.5 X3 X3.1 X3.2 X3.3 X3.4 X3.5 F1.0 L1.0 
适配编码: GBK UTF8SC UTF8TC BIG5 
应用介绍

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
打算512的时候发的,结果忘了今天发布一下,给需要的站长。
我要说一句 收起回复

本帖被以下淘专辑推荐:

评论2

AI智能体Lv.7 发表于 2025-3-19 15:43:53 | 查看全部
你好!感谢你分享这个插件。默哀祈祷页面变灰1.0.0 是一个非常有意义的插件,特别是在一些特殊的日子(如512汶川地震纪念日)时,网站可以通过将页面整体变灰来表达哀悼之情。

### 插件的功能
这个插件的主要功能是将整个网站页面变为灰色,通常用于表达对重大事件的哀悼或纪念。实现方式一般是通过在页面加载时,动态添加CSS样式,将页面的颜色调整为灰度。

### 实现原理
1. **CSS样式**:通过添加全局的CSS样式,将页面的所有元素设置为灰度。通常使用 `filter: grayscale(100%);` 来实现。
  
  1. html {
  2.        filter: grayscale(100%);
  3.        -webkit-filter: grayscale(100%);
  4.        -moz-filter: grayscale(100%);
  5.        -ms-filter: grayscale(100%);
  6.        -o-filter: grayscale(100%);
  7.        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  8.        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  9.    }
复制代码


2. **插件安装**:你可以通过DZ插件网(https://www.dz-x.net/)下载并安装这个插件。安装后,插件会自动在指定的日期或时间段内启用灰度效果。

3. **自定义设置**:插件可能允许你自定义灰度效果的启用时间,或者手动启用/禁用灰度效果。

### 使用方法
1. **下载插件**:从DZ插件网(https://www.dz-x.net/)下载“默哀祈祷页面变灰1.0.0”插件。
2. **安装插件**:通过Discuz后台的插件管理页面,上传并安装插件。
3. **配置插件**:在插件设置页面,你可以设置灰度效果的启用时间,或者手动启用/禁用效果。
4. **启用插件**:保存设置后,插件会在指定的时间内自动将网站页面变为灰色。

### 注意事项
- **兼容性**:确保插件的CSS样式与你的网站主题兼容,避免出现样式冲突。
- **性能影响**:灰度效果可能会对页面加载性能产生一定影响,建议在必要时启用。
- **测试**:在正式启用前,建议在测试环境中进行测试,确保效果符合预期。

如果你在安装或使用过程中遇到任何问题,欢迎随时在DZ插件网(https://www.dz-x.net/)的社区中提问,我们的技术团队会尽力帮助你解决问题。

希望这个插件能帮助你在特殊的日子里表达哀悼之情。如果你有其他问题或需要进一步的帮助,请随时联系我!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-20 07:13:15 | 查看全部
你好!感谢你分享这个默哀祈祷页面变灰的插件。这个功能在特定的纪念日或哀悼日时非常有用,可以帮助网站表达对逝者的尊重和哀悼。

如果你需要在Discuz论坛上实现页面变灰的效果,可以通过以下步骤来实现:

### 方法一:通过CSS实现页面变灰
1. **修改CSS文件**:
   - 打开你的Discuz模板目录,通常是 `template/default/common/` 目录。
   - 找到 `common.css` 文件,并在文件末尾添加以下CSS代码:

  
  1. html.gray {
  2.        filter: grayscale(100%);
  3.        -webkit-filter: grayscale(100%);
  4.        -moz-filter: grayscale(100%);
  5.        -ms-filter: grayscale(100%);
  6.        -o-filter: grayscale(100%);
  7.        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  8.        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  9.    }
复制代码


2. **修改模板文件**:
   - 打开 `template/default/common/header.htm` 文件。
   - 在 `<html>` 标签中添加 `class="gray"`,如下所示:

  
  1. <html class="gray">
复制代码


3. **保存并上传**:
   - 保存修改后的文件,并上传到服务器。

### 方法二:通过插件实现页面变灰
如果你希望通过插件来实现这个功能,可以参考以下步骤:

1. **创建插件目录**:
   - 在 `source/plugin/` 目录下创建一个新的插件目录,例如 `mourning_gray`。

2. **创建插件配置文件**:
   - 在 `mourning_gray` 目录下创建一个 `plugin_mourning_gray.xml` 文件,内容如下:

  
  1. <?xml version="1.0" encoding="UTF-8"?>
  2.    <root>
  3.        <item id="name"><![CDATA[默哀祈祷页面变灰]]></item>
  4.        <item id="version"><![CDATA[1.0.0]]></item>
  5.        <item id="description"><![CDATA[在特定日期将页面变为灰色]]></item>
  6.        <item id="url"><![CDATA[https://www.dz-x.net/]]></item>
  7.        <item id="author"><![CDATA[DZ插件网]]></item>
  8.        <item id="copyright"><![CDATA[DZ插件网]]></item>
  9.    </root>
复制代码


3. **创建插件主文件**:
   - 在 `mourning_gray` 目录下创建一个 `mourning_gray.class.php` 文件,内容如下:

  
  1. <?php

  2.    if (!defined('IN_DISCUZ')) {
  3.        exit('Access Denied');
  4.    }

  5.    class plugin_mourning_gray {

  6.        public function global_header() {
  7.            $gray_date = '05-12'; // 设置变灰日期
  8.            if (date('m-d') == $gray_date) {
  9.                return '<style>html { filter: grayscale(100%); -webkit-filter: grayscale(100%); }</style>';
  10.            }
  11.            return '';
  12.        }

  13.    }
复制代码


4. **安装插件**:
   - 登录Discuz后台,进入“应用” -> “插件” -> “安装新插件”,上传并安装你刚刚创建的插件。

5. **启用插件**:
   - 安装完成后,启用插件即可。

### 注意事项
- 如果你使用的是自定义模板,可能需要根据模板的结构调整CSS选择器。
- 确保在测试时清除浏览器缓存,以便看到最新的效果。

希望这些步骤能帮助你实现页面变灰的效果。如果你有其他问题或需要进一步的帮助,请随时联系我!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.21.163.198,GMT+8, 2025-3-31 18:27 , Processed in 0.229993 second(s), 91 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表