This topic created in 1453 days ago, the information mentioned may be changed or developed.
学习 CSS 顺便拿 V 站练练手。
全部基于 V2 自身的 css 调整，理论上支持大部分插件，最后两张图是使用了插件后的效果。
使用方法：在 V2 的设置里开启自定义 CSS 后，将 css 文件内容粘贴进去保存即可。
https://github.com/CrazyMelody/v2ex_style
Supplement 1 · May 7, 2022
为了清爽效果，楼层、回复按钮、感谢按钮是在鼠标悬浮到对应的楼层才显示，不过忘记 push 代码了...现已更新
Supplement 2 · May 8, 2022
已上架 userstyles： https://userstyles.org/styles/238344/v2ex
 |
1
ASHYWHISPER May 7, 2022  1
很好用，谢谢楼主
|
 |
2
Zoulan May 7, 2022
不错 感谢！
|
 |
3
jonathanchoo May 7, 2022
不适配夜间模式。。
|
 |
4
cwcc May 7, 2022
很好用，感谢楼主！但是感谢和隐藏按钮不见了，以及不知道怎么回复。
|
 |
5
947 May 7, 2022 1
用上了，感谢，但是缺失了一些功能，希望可以修复
|
 |
6
MemoryCorner May 7, 2022
在用了，还不错
|
 |
7
shmilypeter May 7, 2022
楼主功底不错的
|
 |
8
shenwy May 7, 2022
不错，已经用上~
|
 |
9
ynkkdev May 7, 2022
666 ，好用好用，一下子进入次世代界面，不再是古早风了
|
 |
10
cusuanan May 7, 2022
可以叫做 微信群聊风。哈哈，v 友成群友了。
|
|
12
cusuanan May 7, 2022
我这般不能显示缩进
|
 |
13
duix May 7, 2022
可以
|
 |
14
blockmin May 7, 2022
试了一下，还是更喜欢极简扁平风，就是需要装插件
|
 |
15
azhangbing May 7, 2022
喜欢喜欢 不错!
|
 |
16
JimmyLX May 7, 2022
这样摸鱼更明显了 狗头
|
 |
17
gbqqaybc May 7, 2022
牛逼啊老哥，还挺好看的，非常感谢！
|
 |
18
alike19 May 7, 2022
牛逼 挺好看的 眼看再用了 非常感谢感谢
|
 |
19
a570295535 May 7, 2022
不要黑，自己减轻了一点：
a:link{color:#333333 !important;}.box{background:#fff !important;}.reply-box-sticky{position:relative;}#undock-button{display:none !important;} h1{color:#000;}.topic_content,.reply_content{color:#000;} div#Top{backdrop-filter:blur(20px);background-color:rgb(0 0 0 / 10%);box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);} .reply_content{font-size:14px;line-height:1.6;color:var(--box-foreground-color);word-break:break-word;background-color:white;border-radius:4px;padding:7px;position:relative;width:fit-content;} .reply_content:before{content:"";width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ffffff;position:absolute;top:5px;left:-4px;display:block;} .cell{padding:10px;font-size:14px;line-height:150%;text-align:left;border-bottom:0px solid var(--box-border-color);background-color:#F3F3F3;} #Wrapper{background-image:url(//res.wx.qq.com/t/wx_fed/webwx/res/static/img/2zrdI1g.jpg) !important;background-size:cover;} |
 |
20
ClarkAbe May 7, 2022
好像没兼容 v2 的黑暗模式,先亮色将就吧
|
 |
21
l1ve May 7, 2022
顶部的毛玻璃。
爷青回！ |
 |
22
codeCheng May 7, 2022
已用，好看
|
 |
23
mokeyjay May 7, 2022
不错，挺好看的
建议上架到 https://userstyles.org/ |
 |
24
yuzo555 May 7, 2022
如果能识别自己，把自己的发言变绿就不错了。不知道 V2EX 有没有留这个区别
|
 |
25
mikeven May 7, 2022
好像不能使用感谢功能了？
|
 |
26
smilestar May 7, 2022
很棒
|
 |
27
Showfom PRO 试了试，还不支持暗黑配色，然后回复按钮没了= =
|
|
28
codeCheng May 7, 2022
好像不显示楼数
|
 |
29
id7368 PRO 哈哈哈哈，就是好像没法显示楼层了
|
 |
30
maemolee May 7, 2022
好看！不过问题就是不能显示楼层了，也没法回复别人了
|
 |
31
Godykc May 7, 2022
饼神🐮🍺
|
 |
32
lawsiki OP |
|
34
lawsiki OP @shmilypeter #7 全靠 Google 😅，都没什么代码规范
|
|
37
lawsiki OP @jonathanchoo #3 因为基本没用过暗黑模式，所以暂时没考虑到😅
|
 |
39
prarpss May 8, 2022
不至于 不至于...我都把微信注销了
|
|
40
lawsiki OP |
 |
41
bs10081 May 8, 2022
感謝感謝，非常好看，甚至感覺比微信本身都好看，哈哈哈🤣
|
 |
42
rttds May 8, 2022
已安装 哈哈
|
 |
43
isb May 8, 2022
<div class="fr topic_stats" style="padding-top: 4px;">2855 次点击 ∙ 51 人收藏 ∙ 17 人感谢 </div>
这一段 css 被隐藏了好像 感谢 收藏 和 主题 tag 这块都被隐藏了 display 是 none |
 |
44
KleinP May 8, 2022
感谢，已经用上了
|
 |
47
mofash May 8, 2022
牛鼻 感谢大佬
|
 |
48
jiafb33 May 8, 2022
牛楼主牛
|
 |
49
815979670 May 8, 2022
风格很不错 喜欢
|
 |
50
EricTing May 8, 2022
很不错，感谢！
|
 |
51
recosong May 8, 2022
用上了 有意思 谢谢楼主
|
 |
52
Krime May 8, 2022
挺好玩的，用几天试试，感谢楼主～
|
 |
54
lB2cGz9OQ1agw7XK May 9, 2022
图片没有自适应哦，会被放得很大。
|
 |
55
jiobanma May 9, 2022
safari 可以用吗
|
 |
57
bsulike May 9, 2022
试了一下，挺好看的
|
 |
58
Vidic May 9, 2022
很好用，多谢楼主！
|
 |
60
Kazetachinu May 11, 2022
那能不能也上架 油猴呢？ 哈哈 那样就不用再装 Stylish 了
|
|
61
lawsiki OP @Kazetachinu 所以可以直接用 V 站自带的 CSS 效果😄
|
 |
62
mabutou May 13, 2022
v 站自定义 CSS 设置里可以直接填 jsdelivr 的 cdn 地址：
@import "https://cdn.jsdelivr.net/gh/CrazyMelody/v2ex_style/wechat.css"; |
|
63
Kazetachinu May 14, 2022
@lawsiki 自己的头像，怎么是扁的？ edge
|
|
64
Kazetachinu May 14, 2022
|
Select Language