学习 CSS 顺便拿 V 站练练手。
全部基于 V2 自身的 css 调整，理论上支持大部分插件，最后两张图是使用了插件后的效果。
使用方法：在 V2 的设置里开启自定义 CSS 后，将 css 文件内容粘贴进去保存即可。
https://github.com/CrazyMelody/v2ex_style
This topic created in 1645 days ago, the information mentioned may be changed or developed.
Supplement 1 · May 7, 2022
为了清爽效果，楼层、回复按钮、感谢按钮是在鼠标悬浮到对应的楼层才显示，不过忘记 push 代码了...现已更新
Supplement 2 · May 8, 2022
已上架 userstyles： https://userstyles.org/styles/238344/v2ex
 |
1
很好用，谢谢楼主
|
1 |
ZoulanMay 7, 2022
2
不错 感谢！
|
 |
jonathanchooMay 7, 2022
3
不适配夜间模式。。
|
 |
cwccMay 7, 2022
4
很好用，感谢楼主！但是感谢和隐藏按钮不见了，以及不知道怎么回复。
|
 |
5
用上了，感谢，但是缺失了一些功能，希望可以修复
|
 |
MemoryCornerMay 7, 2022
6
在用了，还不错
|
 |
shmilypeterMay 7, 2022
7
楼主功底不错的
|
 |
shenwyMay 7, 2022
8
不错，已经用上~
|
 |
ynkkdevMay 7, 2022
9
666 ，好用好用，一下子进入次世代界面，不再是古早风了
|
 |
cusuananMay 7, 2022
10
可以叫做 微信群聊风。哈哈，v 友成群友了。
|
|
cusuananMay 7, 2022
12
我这般不能显示缩进
|
 |
duixMay 7, 2022
13
可以
|
 |
blockminMay 7, 2022
14
试了一下，还是更喜欢极简扁平风，就是需要装插件
|
 |
azhangbingMay 7, 2022
15
喜欢喜欢 不错!
|
 |
JimmyLXMay 7, 2022
16
这样摸鱼更明显了 狗头
|
 |
gbqqaybcMay 7, 2022
17
牛逼啊老哥，还挺好看的，非常感谢！
|
 |
alike19May 7, 2022
18
牛逼 挺好看的 眼看再用了 非常感谢感谢
|
 |
a570295535May 7, 2022
19
不要黑，自己减轻了一点：
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;} |
 |
ClarkAbeMay 7, 2022
20
好像没兼容 v2 的黑暗模式,先亮色将就吧
|
 |
l1veMay 7, 2022
21
顶部的毛玻璃。
爷青回！ |
 |
codeChengMay 7, 2022
22
已用，好看
|
 |
mokeyjayMay 7, 2022
23
不错，挺好看的
建议上架到 https://userstyles.org/ |
 |
yuzo555May 7, 2022
24
如果能识别自己，把自己的发言变绿就不错了。不知道 V2EX 有没有留这个区别
|
 |
mikevenMay 7, 2022
25
好像不能使用感谢功能了？
|
 |
smilestarMay 7, 2022
26
很棒
|
 |
27
试了试，还不支持暗黑配色，然后回复按钮没了= =
|
|
codeChengMay 7, 2022
28
好像不显示楼数
|
 |
29
哈哈哈哈，就是好像没法显示楼层了
|
 |
maemoleeMay 7, 2022
30
好看！不过问题就是不能显示楼层了，也没法回复别人了
|
 |
GodykcMay 7, 2022
31
饼神🐮🍺
|
 |
32
|
|
34
@shmilypeter #7 全靠 Google 😅，都没什么代码规范
|
|
37
@jonathanchoo #3 因为基本没用过暗黑模式，所以暂时没考虑到😅
|
 |
prarpssMay 8, 2022
39
不至于 不至于...我都把微信注销了
|
|
40
|
 |
bs10081May 8, 2022
41
感謝感謝，非常好看，甚至感覺比微信本身都好看，哈哈哈🤣
|
 |
rttdsMay 8, 2022
42
已安装 哈哈
|
 |
isbMay 8, 2022
43
<div class="fr topic_stats" style="padding-top: 4px;">2855 次点击 ∙ 51 人收藏 ∙ 17 人感谢 </div>
这一段 css 被隐藏了好像 感谢 收藏 和 主题 tag 这块都被隐藏了 display 是 none |
 |
KleinPMay 8, 2022
44
感谢，已经用上了
|
 |
mofashMay 8, 2022
47
牛鼻 感谢大佬
|
 |
jiafb33May 8, 2022
48
牛楼主牛
|
 |
815979670May 8, 2022
49
风格很不错 喜欢
|
 |
EricTingMay 8, 2022
50
很不错，感谢！
|
 |
recosongMay 8, 2022
51
用上了 有意思 谢谢楼主
|
 |
KrimeMay 8, 2022
52
挺好玩的，用几天试试，感谢楼主～
|
 |
lB2cGz9OQ1agw7XKMay 9, 2022
54
图片没有自适应哦，会被放得很大。
|
 |
jiobanmaMay 9, 2022
55
safari 可以用吗
|
 |
bsulikeMay 9, 2022
57
试了一下，挺好看的
|
 |
VidicMay 9, 2022
58
很好用，多谢楼主！
|
 |
KazetachinuMay 11, 2022
60
那能不能也上架 油猴呢？ 哈哈 那样就不用再装 Stylish 了
|
|
61
@Kazetachinu 所以可以直接用 V 站自带的 CSS 效果😄
|
 |
mabutouMay 13, 2022
62
v 站自定义 CSS 设置里可以直接填 jsdelivr 的 cdn 地址：
@import "https://cdn.jsdelivr.net/gh/CrazyMelody/v2ex_style/wechat.css"; |
|
KazetachinuMay 14, 2022
63
@lawsiki 自己的头像，怎么是扁的？ edge
|
|
KazetachinuMay 14, 2022
64
|
Select Language