Stage1st

 找回密码
 立即注册
搜索
楼主: pgain2004

[福利] 【论坛美化】S1 NUX【2023/5/24 磨砂玻璃+自适应亮暗主题】

  [复制链接]
     
 楼主| 发表于 2019-4-26 18:00 | 显示全部楼层
本帖最后由 pgain2004 于 2019-4-26 18:02 编辑
爵士人生 发表于 2019-4-26 10:56
nux默认的dark theme太黑,黑过头了。以前用的是mux dark,能不能把mux dark的配色移植一套过来用于选择? ...
  1. /*jungle theme*/

  2.     --bg:#202221;
  3.     --pri:#26342a;
  4.     --prid:#445948;
  5.     --pril:#1e261f;
  6.     --bn:#5f8e00;
  7.     --bnd:#1f5500;
  8.     --sec:#c7e80b;
  9.     --secp:#c9d586;
  10.     --t:#a2afa7;
  11.     --tl:#c7d6ca;
  12.     --tg:#5e645f;
  13.     --pt:#aaafa2;
  14.     --ptl:#cfd6c7;
  15.     --icl:#000;
  16.     --ic:#333;
  17.     --icd:#666;
  18.     --icdd:#ccc;
  19.     --icddd:#fff;
  20.     --shd:#000;
  21.     --shdl:#161616;
  22. /**/
复制代码

你先按2楼介绍的方法试试看,比较绿意盎然的暗色主题。觉得确实行,或者有什么意见,可以修改完再帖上来,我也觉得没问题就添加到正式主题里去。
回复

使用道具 举报

发表于 2019-4-26 19:19 | 显示全部楼层
pgain2004 发表于 2019-4-26 18:00
你先按2楼介绍的方法试试看,比较绿意盎然的暗色主题。觉得确实行,或者有什么意见,可以修改完再帖上来 ...

拿S1 MUX DARK的配色对着改了一下
  1. /*jungle theme*/
  2.     --bg:#262626;
  3.     --pri:#263238;
  4.     --prid:#151515;
  5.     --pril:#171717;
  6.     --bn:#424242;
  7.     --bnd:#424242;
  8.     --sec:#F26C4F;
  9.     --secp:#F26C4F;
  10.     --t:#bbbbbb;
  11.     --tl:#c7d6ca;
  12.     --tg:#bbbbbb;
  13.     --pt:#bbbbbb;
  14.     --ptl:#cfd6c7;
  15.     --icl:#000;
  16.     --ic:#333;
  17.     --icd:#666;
  18.     --icdd:#ccc;
  19.     --icddd:#fff;
  20.     --shd:#000;
  21.     --shdl:#161616;
  22. /**/
复制代码
回复

使用道具 举报

     
 楼主| 发表于 2019-4-26 19:50 | 显示全部楼层
爵士人生 发表于 2019-4-26 19:19
拿S1 MUX DARK的配色对着改了一下

加上了。虽然我觉得非卡片布局下这底色还是有点浅。
回复

使用道具 举报

发表于 2019-4-26 23:24 | 显示全部楼层
只是个人看法这种布局翻页不大方便,所以我把CSS里隐藏的
  1. /*板块页宽翻页按钮.boardnav #autopbn,*/
复制代码
弄出来了,单纯感觉这样舒服一些



回复

使用道具 举报

     
发表于 2019-4-27 08:39 | 显示全部楼层
建议在帖子和板块下方加入翻页键,不然每次都要把鼠标移上去,不符合操作逻辑
回复

使用道具 举报

     
 楼主| 发表于 2019-4-27 10:42 | 显示全部楼层
Litccc 发表于 2019-4-27 08:39
建议在帖子和板块下方加入翻页键,不然每次都要把鼠标移上去,不符合操作逻辑 ...

加上了加上了,请更新,并且加上的翻页按钮并不是原来那个(而是借用了原底部页码栏的“下一页”按钮),不会直接扩展列表造成问题。

评分

参与人数 1战斗力 +2 收起 理由
mlxy + 2 思路广

查看全部评分

回复

使用道具 举报

     
 楼主| 发表于 2019-4-27 14:29 | 显示全部楼层
更新了主页风格,并增加加大版主页选项
回复

使用道具 举报

     
 楼主| 发表于 2019-4-27 14:36 | 显示全部楼层
本帖最后由 pgain2004 于 2023-5-24 01:36 编辑
V1.09
顶栏、快捷导航等应用磨砂玻璃透明模式
增加自适应亮暗色调选项,即自动跟随系统主题,Win用户推荐配合Auto-Night-Mode使用
一些简单的调整

……

V1.055
修复内野子版块入口适配,增强整体适配能力

V1.054
新增配色

V1.053
新增“窄屏下页码栏悬浮展开”选项,方便大缩放比用户点页码。

V1.052
修正功能小窗的匹配。

V1.051
优化部分颜色覆盖,不再影响主题加色。

V1.05
增加滚动条颜色跟随和窄滚动条选项(默认开启)。

V1.049
增加短信息回复栏表情选择框适配。

V1.048
修正增补主页隐藏栏目选项;
增加主题帖内图片最大高度限定选项(默认为不限制)。

V1.045
修改过渡界面图标(效果一般,容我再找)。

V1.042
修复用户类型标签的显示(static服务器用https啦?)

V1.041
可设置版头是否自动收起和展开。

V1.04
适配充值页面。

V1.037
适配签名编辑框的表情选择栏。
准备适配充钱界面。
复活快……乐?

V1.036
修正主页公告和公告页UI。
只读模式快乐。

V1.035
完善大乱斗页适配。

V1.03
增加两种配色;
为板块主题列表底部增加“下一页”宽按钮(非原按钮);
优化主题列表细节;
改善强制窄屏适配;
快捷导航改为满屏高;
修改主页格式;
增加加大主页选项;
修复小黑屋“更多”按钮的显示问题。

V1.02
增加主题内用户信息显示选项;
增加强制宽度选项,当其被启用后,【自定义宽度(px)】和【“自定义宽度”值+40px】才会生效;
搜索页已访问链接以浅色显示;
增加快捷导航按钮右置选项(不推荐);
增加Chromium系浏览器适配选项(Chromium居然仍不支持sticky特性!?);
增加用户信息自动收纳新风格选项;
优化用户信息侧栏布局;
修复快捷入口子菜单错位问题。

V1.0
初版发布。

以后版本更新内容就在这个回复发,看最后能有多长。
回复

使用道具 举报

     
发表于 2019-5-3 02:29 来自手机 | 显示全部楼层
捞一下,使用一周了感觉良好,蟹蟹楼主

—— 来自 Xiaomi MI 6, Android 8.0.0上的 S1Next-鹅版 v2.1.2
回复

使用道具 举报

     
发表于 2019-6-26 09:03 | 显示全部楼层
如果自定义了配色方案是不是更新之后会被覆盖
回复

使用道具 举报

     
 楼主| 发表于 2019-6-26 09:18 来自手机 | 显示全部楼层
Prushka 发表于 2019-6-26 09:03
如果自定义了配色方案是不是更新之后会被覆盖

是,这点无可奈何,所以要么保存好自定义的那段代码,升级后覆盖,要么复制为不受升级影响的独立主题。
另一方面,因为现在已经相对完善,我不会很频繁地更新,所以……
回复

使用道具 举报

     
 楼主| 发表于 2019-10-1 18:31 | 显示全部楼层
趁着论坛复活更了一轮,适配了新的充值页面,顺便自己顶一下帖

评分

参与人数 1战斗力 +1 收起 理由
Kobayashi + 1 好评加鹅

查看全部评分

回复

使用道具 举报

     
发表于 2019-10-1 18:56 | 显示全部楼层
自定义宽度好评,就是主题帖内用户信息和回复内容挨太近了,既然不能改那只有习惯先
回复

使用道具 举报

     
发表于 2019-10-1 23:32 来自手机 | 显示全部楼层
支持,一直觉得很好用

—— 来自 OnePlus GM1910, Android 9上的 S1Next-鹅版 v2.1.2
回复

使用道具 举报

     
发表于 2019-10-2 14:52 | 显示全部楼层
刚用上,感觉焕然一新,好评如潮。
回复

使用道具 举报

     
发表于 2019-10-2 14:56 | 显示全部楼层
才看到,想给楼主补鹅!!!!!
回复

使用道具 举报

     
发表于 2019-10-2 15:52 | 显示全部楼层
谢谢老哥
回复

使用道具 举报

     
发表于 2019-11-9 11:55 来自手机 | 显示全部楼层
有个bug,在快速发帖页面上传图片以后,光标移到未选择的图片上会疯狂反复横跳
回复

使用道具 举报

发表于 2019-11-9 12:54 | 显示全部楼层
一直在用,简直太棒了
回复

使用道具 举报

     
 楼主| 发表于 2019-11-9 15:17 来自手机 | 显示全部楼层
Litccc 发表于 2019-11-9 11:55
有个bug,在快速发帖页面上传图片以后,光标移到未选择的图片上会疯狂反复横跳 ...

从来没用过垃圾论坛附件系统……我去复现一下看看
回复

使用道具 举报

     
 楼主| 发表于 2019-11-9 16:14 | 显示全部楼层
Litccc 发表于 2019-11-9 11:55
有个bug,在快速发帖页面上传图片以后,光标移到未选择的图片上会疯狂反复横跳 ...

看了一下,这个主要是因为:
①当鼠标指向链接,图片预览会把页面下方撑出多一片空间,页面上滚;
②导致鼠标离开了链接,图片消失,页面又回到原来的位置;
③鼠标又因此和链接重叠……如此循环。
只要不完全把页面滚到底部,即使出现预览图片也不会让页面自动上滚(这是浏览器照顾玩家能看到页面最底部内容的一个自动逻辑),就不会导致这种情况了。

暂时没想到如何从样式上解决。
回复

使用道具 举报

     
发表于 2019-11-9 20:48 来自手机 | 显示全部楼层
pgain2004 发表于 2019-11-9 16:14
看了一下,这个主要是因为:
①当鼠标指向链接,图片预览会把页面下方撑出多一片空间,页面上滚;
②导致 ...

老老实实用图床好了
回复

使用道具 举报

     
发表于 2019-11-24 01:10 | 显示全部楼层
本帖最后由 小修 于 2019-11-24 01:12 编辑

用上了,很好。
好像对table标签兼容性有问题。
具体可以用这个style看
https://bbs.saraba1st.com/2b/for ... ;page=1#pid45604358

回复

使用道具 举报

     
 楼主| 发表于 2019-11-24 12:00 | 显示全部楼层
小修 发表于 2019-11-24 01:10
用上了,很好。
好像对table标签兼容性有问题。
具体可以用这个style看

table标签兼容性?
回复

使用道具 举报

     
发表于 2019-11-24 13:19 | 显示全部楼层
pgain2004 发表于 2019-11-24 12:00
table标签兼容性?

我在帖子里插入了个表格,css样式不对了,原版4张图原始大小,这个会改图大小。
回复

使用道具 举报

     
 楼主| 发表于 2019-11-24 17:29 | 显示全部楼层
小修 发表于 2019-11-24 13:19
我在帖子里插入了个表格,css样式不对了,原版4张图原始大小,这个会改图大小。
...

看了一下, 那个table自带这样的代码:
<table class="t_table" style="width:150px" cellspacing="0" bgcolor="LemonChiffon">
也就是说它自身的宽度是150像素,而Discuz!系统加载图片时经常忽略该限制,强行按原尺寸显示,撑大了整个表格;偶尔还会在加载中超出网页边缘。
所以我在脚本中给帖内图片加了个限制:max-width:100%,也就是说图片的最大宽度和母元素宽度相当,不会超出,于是你的图就被限制在150px内了。不太清楚Discuz!能否设置table宽度,但个人觉得用母元素限制子元素尺寸算是个正常思路……

评分

参与人数 1战斗力 +2 收起 理由
小修 + 2 好评加鹅

查看全部评分

回复

使用道具 举报

     
发表于 2019-11-24 17:32 来自手机 | 显示全部楼层
好好好

—— 来自 HUAWEI LYA-AL00, Android 9上的 S1Next-鹅版 v2.2.0.1
回复

使用道具 举报

     
发表于 2019-11-24 17:34 | 显示全部楼层
求助,如何让漫区版头默认显示出来
回复

使用道具 举报

     
发表于 2019-11-24 17:41 | 显示全部楼层
pgain2004 发表于 2019-11-24 17:29
看了一下, 那个table自带这样的代码:

也就是说它自身的宽度是150像素,而Discuz!系统加载图片时经常忽 ...

没事 反正table标签已经落伍了。我以后注意不用好了 感谢大佬
回复

使用道具 举报

     
 楼主| 发表于 2019-11-24 18:02 | 显示全部楼层
xzhlj0325 发表于 2019-11-24 17:34
求助,如何让漫区版头默认显示出来

已增加选项,不过是全板块通用的。
回复

使用道具 举报

     
发表于 2019-11-24 18:05 | 显示全部楼层
pgain2004 发表于 2019-11-24 19:02
已增加选项,不过是全板块通用的。

哦哦,感谢
回复

使用道具 举报

头像被屏蔽
     
发表于 2019-11-24 19:10 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
 楼主| 发表于 2019-11-24 20:46 来自手机 | 显示全部楼层
胡桃丶 发表于 2019-11-24 19:10
黑色主题无限好。唯一的问题是有些帖子全文是黑色字体,就完全看不到了 ...

倒是可以给一个选项,配合黑暗类主体,将特定颜色的文字变色,例如被指定为纯黑(#000000)的。但这个判断范围非常窄,单靠CSS能做的终究有限。
回复

使用道具 举报

头像被屏蔽
     
发表于 2019-11-25 02:22 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
 楼主| 发表于 2019-12-6 19:27 | 显示全部楼层
胡桃丶 发表于 2019-11-25 02:22
也没必要那么智能。。暴力点强制所有文字统一颜色就行了,有需要就开 ...

最近陆陆续续收集了一些反色的案例,刚更新了相关可选项(默认开启),你看看效果,如果将来遇到未生效的(也就是字色没覆盖进来的)可以来这反馈
回复

使用道具 举报

头像被屏蔽
     
发表于 2019-12-7 07:50 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2020-2-2 22:35 | 显示全部楼层
非常感谢!
回复

使用道具 举报

     
发表于 2020-2-23 14:24 | 显示全部楼层
本帖最后由 离魂仙 于 2020-2-23 14:25 编辑

首先感谢LZ的主题,一直在用
然后最近S1又别扭了起来,我看到有坛友写了这俩脚本,很实用
但长图缩小跟S1 NUX不能共存,希望可以整合在一起
S1长图缩小
删除S1论坛B站播放器
回复

使用道具 举报

     
 楼主| 发表于 2020-2-23 15:58 来自手机 | 显示全部楼层
离魂仙 发表于 2020-2-23 14:24
首先感谢LZ的主题,一直在用
然后最近S1又别扭了起来,我看到有坛友写了这俩脚本,很实用
但长图缩小跟S1 N ...

长图高度限制这个用CSS主题实现更加简单灵活……不过代码什么的要等我骨折出院了。

评分

参与人数 1战斗力 +1 收起 理由
离魂仙 + 1 炖只鹅补补

查看全部评分

回复

使用道具 举报

     
发表于 2020-2-23 20:14 | 显示全部楼层
感谢
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|Archiver|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|stage1st 沪ICP备13020230号-1 沪公网安备 31010702007642号

GMT+8, 2024-3-29 16:23 , Processed in 0.048462 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表