学习 CSS 顺便拿 V 站练练手。
全部基于 V2 自身的 css 调整,理论上支持大部分插件,最后两张图是使用了插件后的效果。
使用方法:在 V2 的设置里开启自定义 CSS 后,将 css 文件内容粘贴进去保存即可。
1
ASHYWHISPER 2022-05-07 16:24:47 +08:00 1
很好用,谢谢楼主
|
2
Zoulan 2022-05-07 16:27:49 +08:00
不错 感谢!
|
3
jonathanchoo 2022-05-07 16:30:34 +08:00
不适配夜间模式。。
|
4
cwcc 2022-05-07 16:41:36 +08:00
很好用,感谢楼主!但是感谢和隐藏按钮不见了,以及不知道怎么回复。
|
5
947 2022-05-07 16:46:50 +08:00 1
用上了,感谢,但是缺失了一些功能,希望可以修复
|
6
MemoryCorner 2022-05-07 16:48:42 +08:00
在用了,还不错
|
7
shmilypeter 2022-05-07 17:10:49 +08:00
楼主功底不错的
|
8
istevenshen 2022-05-07 17:11:21 +08:00
不错,已经用上~
|
9
youngce 2022-05-07 17:13:07 +08:00
666 ,好用好用,一下子进入次世代界面,不再是古早风了
|
10
cusuanan 2022-05-07 17:51:12 +08:00
可以叫做 微信群聊风。哈哈,v 友成群友了。
|
12
cusuanan 2022-05-07 17:54:45 +08:00
我这般不能显示缩进
|
13
KepaThings 2022-05-07 17:56:52 +08:00
可以
|
14
blockmin 2022-05-07 18:04:07 +08:00
试了一下,还是更喜欢极简扁平风,就是需要装插件
|
15
azhangbing 2022-05-07 18:10:50 +08:00
喜欢喜欢 不错!
|
16
JimmyLX 2022-05-07 18:18:02 +08:00
这样摸鱼更明显了 狗头
|
17
gbqqaybc 2022-05-07 18:52:06 +08:00
牛逼啊老哥,还挺好看的,非常感谢!
|
18
alike19 2022-05-07 18:58:10 +08:00
牛逼 挺好看的 眼看再用了 非常感谢感谢
|
19
a570295535 2022-05-07 19:13:43 +08:00
不要黑,自己减轻了一点:
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 2022-05-07 19:21:02 +08:00
好像没兼容 v2 的黑暗模式,先亮色将就吧
|
21
l1ve 2022-05-07 20:02:50 +08:00
顶部的毛玻璃。
爷青回! |
22
codeCheng 2022-05-07 20:08:47 +08:00
已用,好看
|
23
mokeyjay 2022-05-07 20:27:35 +08:00
不错,挺好看的
建议上架到 https://userstyles.org/ |
24
yuzo555 2022-05-07 20:32:04 +08:00
如果能识别自己,把自己的发言变绿就不错了。不知道 V2EX 有没有留这个区别
|
25
mikeven 2022-05-07 21:06:44 +08:00
好像不能使用感谢功能了?
|
26
smilestar 2022-05-07 21:12:09 +08:00
很棒
|
27
Showfom 2022-05-07 21:30:05 +08:00
试了试,还不支持暗黑配色,然后回复按钮没了= =
|
28
codeCheng 2022-05-07 21:50:40 +08:00
好像不显示楼数
|
29
id7368 2022-05-07 21:54:00 +08:00
哈哈哈哈,就是好像没法显示楼层了
|
30
maemolee 2022-05-07 22:00:00 +08:00
好看!不过问题就是不能显示楼层了,也没法回复别人了
|
31
Godykc 2022-05-07 22:05:34 +08:00
饼神🐮🍺
|
32
lawsiki OP |
34
lawsiki OP @shmilypeter #7 全靠 Google 😅,都没什么代码规范
|
36
lawsiki OP @yuzo555 #24 想过这个效果,不过需要脚本支持,V2 没对自己发言的节点做标识,所以单靠 css 做不到这种效果
|
37
lawsiki OP @jonathanchoo #3 因为基本没用过暗黑模式,所以暂时没考虑到😅
|
39
prarpss 2022-05-08 00:13:01 +08:00
不至于 不至于...我都把微信注销了
|
40
lawsiki OP |
41
bs10081 2022-05-08 01:37:24 +08:00
感謝感謝,非常好看,甚至感覺比微信本身都好看,哈哈哈🤣
|
42
rttds 2022-05-08 08:07:26 +08:00
已安装 哈哈
|
43
isb 2022-05-08 10:27:15 +08:00
<div class="fr topic_stats" style="padding-top: 4px;">2855 次点击 ∙ 51 人收藏 ∙ 17 人感谢 </div>
这一段 css 被隐藏了好像 感谢 收藏 和 主题 tag 这块都被隐藏了 display 是 none |
44
KleinP 2022-05-08 11:37:47 +08:00
感谢,已经用上了
|
47
pcitme 2022-05-08 15:11:02 +08:00
牛鼻 感谢大佬
|
48
jiafb33 2022-05-08 16:17:08 +08:00
牛楼主牛
|
49
815979670 2022-05-08 18:18:42 +08:00
风格很不错 喜欢
|
50
EricTing 2022-05-08 19:40:25 +08:00
很不错,感谢!
|
51
recosong 2022-05-08 20:37:19 +08:00
用上了 有意思 谢谢楼主
|
52
Krime 2022-05-08 21:01:08 +08:00
挺好玩的,用几天试试,感谢楼主~
|
54
lB2cGz9OQ1agw7XK 2022-05-09 09:04:12 +08:00
图片没有自适应哦,会被放得很大。
|
55
jiobanma 2022-05-09 09:21:04 +08:00
safari 可以用吗
|
57
bsulike 2022-05-09 09:26:21 +08:00
试了一下,挺好看的
|
58
ikvn 2022-05-09 14:55:46 +08:00
很好用,多谢楼主!
|
60
Kazetachinu 2022-05-11 21:08:33 +08:00
那能不能也上架 油猴呢? 哈哈 那样就不用再装 Stylish 了
|
61
lawsiki OP @Kazetachinu 所以可以直接用 V 站自带的 CSS 效果😄
|
62
mabutou 2022-05-13 09:59:29 +08:00
v 站自定义 CSS 设置里可以直接填 jsdelivr 的 cdn 地址:
@import "https://cdn.jsdelivr.net/gh/CrazyMelody/v2ex_style/wechat.css"; |
63
Kazetachinu 2022-05-14 21:08:15 +08:00
@lawsiki 自己的头像,怎么是扁的? edge
|
64
Kazetachinu 2022-05-14 21:10:22 +08:00
|