立即注册 登录
GameMale 返回首页

LEORChn的个人空间 https://www.gamemale.com/?719182 [收藏] [复制] [RSS]

日志

随机点了几个坛友的空间,感觉阅读体验有点差,随即做了点CSS修改 ...

热度 99已有 303 次阅读2024-5-24 18:55 |个人分类:Web技术分享|系统分类:论坛话题

大部分情况还是因为感觉他们有点过度装修,而导致了更差的阅读体验吧。
这种情况一般不太好要求他们去修改,那就自己动手吧?
主要是用到了 Stylus 这个扩展程序,Firefox 和一众基于 Chromium 的浏览器都可以安装。
先放一下使用前后对比,然后就贴个代码和他们空间的测试链接。
这个应该不算挂人吧,希望没人过度解读。
另外希望没人来搞代码对抗就好了,不然我会累似的

使用前后对比

代码
@-moz-document domain("gamemale.com"){
body#space > #ct > #diypage, /* 个人空间 中间内容 背景 阅读文字时减轻背景图片干扰 240524 */
body#space > #ct > .mn /* 个人空间 日志内容 (只生效背景,针对部分空间比如727101) 240524 */
{
background-color: rgba(255,255,255,.9) !important;
color: black !important;
}
body#space .vw .ph, body#space .vw .d /* 个人空间 日志内容 (只生效文字,针对部分空间比如727101) 240524 */
{
color: black;
}
body#space > #hd{ /* 个人空间 有些坛友是不是顶部留白有点太长了比如711250 240524 */
max-height: 50vh;
}
}
测试区

写这篇日志的时候其实是感觉有点对不起读者的,
因为虽然我懂得用 HTML 排版,但是好像没有这个功能,
也就无法使用如下类型的排版:
  • details/summary 用于默认隐藏预览图。
  • code/pre 用于代码块。

76

震惊
3

感谢
1

关心
11

加油
2

有爱

刚表态过的朋友 (93 人)

发表评论 评论 (9 个评论)

回复 惜恨君 2024-5-24 19:01
吼吼~这个代码增强了空间文字可读性呢,很多直接使用线条複杂底图的空间都有文字可读性的文字,有了这个代码就好多了(虽然一定程度上可能会降低一些空间的美观程度?)
回复 白氿 2024-5-24 19:06
omg宝宝看看我的空间!我想把字体全部调成白色好跟背景区分但是我不会!只成功了一部分
回复 you9632587 2024-5-24 19:09
看不清的我基本都是全选了看的,也挺方便的
回复 sc_6636 2024-5-24 19:16
只能说很少有人有网页排版意识。但是相对条条框框拉满的社区,我还是更喜欢强自定义化的论坛版本,装修起来更难但是也可以整大活
回复 Sean1777 2024-5-24 19:59
快去看我的 我的空间很美
回复 勿忘我我 2024-5-24 21:12
什么 过度装饰?!字要够瞎眼图片要够糊
回复 cc簗橗 2024-5-24 21:16
厉害了!
回复 Pern 2024-5-25 12:09
阅读文字都是用Ctrl+A的
回复 Efour 2024-6-27 20:21
确实很有帮助呢!等会去了试试

facelist

您需要登录后才可以评论 登录 | 立即注册

文字版|手机版|小黑屋|GameMale

GMT+8, 2024-11-23 18:06 , Processed in 0.024081 second(s), 14 queries , Redis On.

Copyright © 2013-2024 GameMale

All Rights Reserved.