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

[软件] 【论坛美化】S1 NUX【25/6/20 修复匹配bug】

  [复制链接]
     
 楼主| 发表于 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 于 2024-12-24 00:17 编辑
V2024.12.23
进一步替换为Less变量,为后续动态字色做准备
移除高级编辑界面的超链接颜色设置(当初为啥会加这选项的?),防止出bug
修复版头选择非自动收起的情况下,顶栏仍然动态出现和消失的问题
修复几个语法错误导致的样式失效问题

V2024.12.21
修复一些兼容问题

V2024.12.20
新版本号直接取用更新日期
切换到Less预处理器,会导致部分设置失效,需要用户重新选择

V1.3.6
对新的表情选择栏进行适配

V1.3.5
给右上角的提醒状态增加动态强调元素

V1.3.4
修复窄屏和强制宽度导致的显示bug

V1.3.3
增加窄屏模式隐藏帖子列表中的发帖人及发帖日期选项

V1.3.2
修正顶栏已认证手机用户的图标(就是删了)

V1.3.1
对完全没人反馈的主题内用户信息显示方式1进行修正和完善,现在布局应该比较完善了

V1.3.0
对显示屏蔽内容黑科技脚本的登录窗口进行适配

V1.2.9
修复带图投票帖中的图片显示错误

V1.2.8
完善帖内图片在维持宽高比下的尺寸自适应

V1.27→V1.2.7
根据SemVer规范修改版本号
修正窄屏模式下导航栏分版本菜单的适配
修正一些主题色中的部分颜色选择
板块列表中会已访问链接会有稍微变暗

V1.25-1.26
适配修正

V1.24
部分图标变更为X3.5的dizcon原图标(配搭主题色),对S1用户标记脚本(https://bbs.saraba1st.com/2b/thread-2049578-1-1.html)进行优化适配

V1.21-1.23
适配修正

V1.20
适配升级到Discuz X3.5后的一些变化。肯定还有bug(甚至发现了一些新页面),大家帮忙多报一下bug,我一个人很难全部发现

V1.10-1.12
修复页码栏中下一页按钮在不同页面适配情况不同导致消失的问题

V1.09
顶栏、快捷导航等应用磨砂玻璃透明模式
增加自适应亮暗色调选项,即自动跟随系统主题,Win用户推荐配合Auto-Night-Mode使用
一些简单的调整

V1.086
修复在Chrome上用户头像顶部粘连效果失效的问题

V1.085
变更评分理由字体颜色
新增字体选项,可自定义

V1.083
修复窄屏适配下的头像信息栏适配

V1.08
优化头像信息栏的适配
根据新的usercss规则,删除部分冗余代码

V1.07
迁移到userstyles.world
(这代码还不是随随便便就能搞定的嘿……)

V1.061
修复带翻页主帖页码栏被误删的问题
适配新上传附件按钮与组件

V1.06
修复用户回复展示页的页码按钮在一定窗口宽度下消失的问题
将编辑功能图标图片直接用base64的方式嵌入(大幅增加了脚本体积,但似乎没受userstyles的字节限制?)

V1.059
完善上传附件窗口适配,增加强制窄屏不影响顶部导航栏选项

V1.057
完善邀请用户、论坛权限等页面的适配

V1.0561
高亮帖子和富文本编辑器内链接,并提供字色选项

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.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, 2025-7-1 18:26 , Processed in 0.075293 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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