侧边栏壁纸
博主头像
华灯上 博主等级

行动起来,活在当下

  • 累计撰写 176 篇文章
  • 累计创建 24 个标签
  • 累计收到 3 条评论

目 录CONTENT

文章目录

更改群晖7.x登录界面登录框为半透明

华灯
2024-04-16 / 0 评论 / 0 点赞 / 24 阅读 / 0 字

方法一

查看自己群晖版本,根据群晖版本下载对应版本的css文件

7.0 - 7.1 替换路径为 /usr/syno/synoman/webman/login/css/ 替换文件为 login.css、login.css.gz
7.1.1 替换路径为 /usr/syno/synoman/webman/login/dist/ 替换文件为 style.css、style.css.gz

替换前一定要备份!
替换前一定要备份!
替换前一定要备份!

重要的事情说三遍

项目地址:https://github.com/onlypeng/dsm7_login_translucent

阿里云盘:https://www.aliyundrive.com/s/4kViPfUiBBg 提取码:a7m7

iShot_2022-09-17_00.14.13

方法二(转自gxnas):

打开群晖控制面板,任务计划,新增,触发的任务,用户定义的脚本;

img

2、任务名称自己写一个,我写的是 style,用户账号要改成 root;

img

3、根据 DSM 系统版本选择对应的代码,复制到 “任务设置” 标签的 “用户定义的脚本” 处粘贴,再点 “确定”;

DSM7.1.1-42962 版本系统用的代码:

cd /usr/syno/synoman/webman/login/dist/
cp style.css style.css-bak
cp style.css.gz style.css.gz-bak
rm -rf style.css
rm -rf style.css.gz
wget https://wp.gxnas.com/wp-content/uploads/2022/09/style.css
wget https://wp.gxnas.com/wp-content/uploads/2022/09/style.css.gz
chmod 755 style.css
chmod 755 style.css.gz

DSM7.1-42661 版本系统(包括 DSM7.1-42661up1 到 DSM7.1-42661up4 版本)用的代码:

cd /usr/syno/synoman/webman/login/css/
cp login.css login.css-bak
cp login.css.gz login.css.gz-bak
rm -rf login.css
rm -rf login.css.gz
wget https://wp.gxnas.com/wp-content/uploads/2022/09/login.css
wget https://wp.gxnas.com/wp-content/uploads/2022/09/login.css.gz
chmod 755 login.css
chmod 755 login.css.gz

img

4、在控制面板,任务计划,找到刚刚添加的任务,右键,运行;

img

5、点 “是”;

img

6、在控制面板,任务计划,刚刚添加的任务,右键,删除;

img

7、点 “删除”;

img

8、在浏览器打开一个无痕窗口,输入群晖的登录地址再看一下,是不是漂亮多了!

img

如果你觉得这个效果不喜欢,也可以恢复原来的白底:

9、DSM7.1.1-42962 版本系统恢复的代码是:

cd /usr/syno/synoman/webman/login/dist/
rm -rf style.css
rm -rf style.css.gz
cp style.css-bak style.css 
cp style.css.gz-bak style.css.gz
chmod 755 style.css
chmod 755 style.css.gz

10、DSM7.1-42661 版本系统(包括 DSM7.1-42661up1 到 DSM7.1-42661up4 版本)恢复的代码是:

cd /usr/syno/synoman/webman/login/css/
rm -rf login.css
rm -rf login.css.gz
cp login.css-bak login.css 
cp login.css.gz-bak login.css.gz
chmod 755 login.css
chmod 755 login.css.gz

DSM7.2 版本系统要设置透明,需要复制以下代码,放到在这个地方:

<style type="text/css"> .tab-panel {background: rgba(255,255,255,0.5) !important;} .login-textfield .input-container input { background-color: transparent !important; } body {-webkit-filter:brightness(1); -o-filter:brightness(1); -moz-filter:brightness(1); filter:brightness(1);} </style>

img

0
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin
  3. QQ打赏

    qrcode qq

评论区