分享一个 Material design 风格的 V2EX 自定义 CSS
zdhxiong · zdhxiong · 2015-02-14 23:28:26 +08:00 · 13919 次点击这是一个创建于 3556 天前的主题，其中的信息可能已经有所发展或是发生改变。
代码
@import url("//dn-startplay.qbox.me/v2ex-material-theme/v2ex.min.css");
github: https://github.com/zdhxiong/v2ex-material-theme
使用方法
登录后进设置，在自定义CSS处填入代码保存即可。
预览图
第 1 条附言 · 2015-07-08 14:46:04 +08:00
新版本：
第 2 条附言 · 2015-07-08 14:48:55 +08:00
新版本：@import url("//dn-startplay.qbox.me/v2ex-material-theme2/v2ex.min.css");
其实老早就做好了，但是兼容性不好，本来想解决兼容性再发出来，可实在解决不了。所以不支持 Firefox。
其实老早就做好了，但是兼容性不好，本来想解决兼容性再发出来，可实在解决不了。所以不支持 Firefox。
第 3 条附言 · 2016-12-11 16:46:39 +08:00
换了 cdn 域名：
v2ex material theme
@import url("//plays.b0.upaiyun.com/v2ex-material-theme/v2ex.min.css");
v2ex material theme2
@import url("//plays.b0.upaiyun.com/v2ex-material-theme2/v2ex.min.css");
第 4 条附言 · 2019-06-13 10:52:06 +08:00
之前的测试域名被又拍云停用了，现在换了新域名：
* V2EX material theme *
```
@import url("//play.cdn.w3cbus.com/v2ex-material-theme/v2ex.min.css");
```
* V2EX material theme2 *
```
@import url("//play.cdn.w3cbus.com/v2ex-material-theme2/v2ex.min.css");
```
* V2EX material theme *
```
@import url("//play.cdn.w3cbus.com/v2ex-material-theme/v2ex.min.css");
```
* V2EX material theme2 *
```
@import url("//play.cdn.w3cbus.com/v2ex-material-theme2/v2ex.min.css");
```
 |
1
vzch 2015-02-14 23:30:18 +08:00
我看到了 Inbox 的影子
|
 |
2
kokdemo 2015-02-14 23:32:14 +08:00
右下角那些icon是写死的吗？
|
 |
4
xingo 2015-02-14 23:37:31 +08:00
能不能告诉我为什么我点不到那个新主题的笔？。。。。。。。。。。一移动过去就收回去了。。。。。
|
 |
6
xi4oh4o 2015-02-14 23:40:21 +08:00
是的，无法点到新主题的笔 ：）
|
|
7
xingo 2015-02-14 23:41:17 +08:00
chrome 40 1366*768
|
 |
8
Jays 2015-02-14 23:44:10 +08:00
Firefox 34 测试 新主题笔有问题
|
 |
9
ZhaoMiing 2015-02-14 23:50:08 +08:00
好棒，不过右下角的新建笔确实有问题
|
 |
10
Jetso 2015-02-14 23:50:19 +08:00
nice
|
 |
11
lingoys 2015-02-14 23:52:45 +08:00
（好厉害，如果让我写我都不知道怎么实现。
|
|
12
ZhaoMiing 2015-02-14 23:54:09 +08:00
突然想到一个问题，这样 Livid 会不会不开心，赞助链接都没了啊 : (
|
 |
13
liangdi 2015-02-15 00:06:56 +08:00
使用中 很不错 简洁
|
 |
15
laincat 2015-02-15 00:46:32 +08:00 via iPhone
试用去
|
 |
16
pubby 2015-02-15 01:22:07 +08:00
不错，用几天看看
|
 |
17
max1525 2015-02-15 02:07:19 +08:00
挺不错，点个赞
|
 |
18
ligyxy 2015-02-15 02:17:14 +08:00
好看，已经用上了
|
 |
19
Unknwon 2015-02-15 05:07:08 +08:00
不错！看起来新主题的笔需要高分辨率才能点到~
|
 |
20
MajestySolor 2015-02-15 06:39:11 +08:00
已收藏，感谢楼主~
|
 |
21
JonyOang 2015-02-15 08:30:41 +08:00
感觉不错 哈 有inbox的影子
|
|
22
JonyOang 2015-02-15 08:31:35 +08:00
不过如果能像inbox一样在当前页就可以浏览详细内容就更好了，不用来回跳转页面了
|
 |
23
teddy1004 2015-02-15 08:37:39 +08:00
样子不错，要是按钮能有那种点击的特效就好啦
|
 |
24
cutehalo 2015-02-15 08:46:03 +08:00
排行榜呢=。=
|
 |
25
zzutmebwd 2015-02-15 09:00:41 +08:00
右边一栏整个没有了 这真的好么 放页尾也行啊 有时候会用到 并且广告没有了livid会不会不高兴 毕竟人家也是要生活的嘛
|
|
26
zzutmebwd 2015-02-15 09:02:20 +08:00
同时 靛蓝+黑色图标 看起来不太好 不过这也是没办法的事
|
 |
27
DearTanker 2015-02-15 09:07:26 +08:00
赞，这个屌。现在貌似还没有Material的WP主题，楼主可以试试~
|
 |
28
lucky4 2015-02-15 09:18:04 +08:00
很漂亮
个人提一点小小的建议 顶部的搜索框是否可以变小，然后把上方的导航节点 技术，创意，好玩等放上去。 |
 |
29
loading 2015-02-15 09:20:38 +08:00  1
Material design 没了动画，差很多啊。
|
 |
30
jkjoke 2015-02-15 09:22:50 +08:00
赞，确实吊
|
 |
31
Tink 2015-02-15 09:26:16 +08:00
略卡啊
|
 |
32
songweibiao 2015-02-15 09:27:58 +08:00
要是有inbox的动态效果就更好了！可能我想多了，嘿嘿。谢啦！有才！
|
 |
33
Pete 2015-02-15 09:28:07 +08:00 via Android
挺好看的
|
 |
34
Mihuwa 2015-02-15 09:43:49 +08:00
试用了，感觉不错。
|
 |
35
pljhonglu 2015-02-15 09:48:03 +08:00
感谢~很喜欢这个主题~
点击 『+』不管用。。。chrome 40.0.2214.111 (64-bit) |
 |
36
7654 2015-02-15 09:52:20 +08:00
稍微再窄一点点
|
 |
37
aliuwr 2015-02-15 09:55:25 +08:00
Logo 图片可以用我反色过的版本:
https://dn-cz-misc.qbox.me/v2ex/[email protected] |
 |
38
littlebena 2015-02-15 10:01:35 +08:00 via iPhone
赞(≧▽≦)
求支持一下 mobile |
 |
42
zdhxiong OP |
 |
43
vinthony 2015-02-15 10:07:40 +08:00
试了一下 如果只有一个收藏结节 位置会出现在最上面 而不是+号之上
|
|
45
zdhxiong OP |
|
47
zdhxiong OP @pljhonglu 那个+号确实没有作用的，鼠标移上去会浮现出发贴图标和收藏的节点。我之前试图把发贴图标放到 + 号上，可是做不到。
|
 |
48
laomutuo 2015-02-15 10:26:00 +08:00
楼主好像很熟悉css啊:)
|
|
49
laomutuo 2015-02-15 10:27:20 +08:00
那个css是用less生成的么?
|
 |
52
lisonfan 2015-02-15 10:42:08 +08:00
i like it !
就是左上角的V2EX的LOGO颜色改成白色的会更好一些吧？ |
|
53
lisonfan 2015-02-15 10:43:00 +08:00
 居中吧 |
 |
56
XueSeason 2015-02-15 10:50:32 +08:00
已经用上了，不过不知道如何更改背景图片。我这里显示的是蓝白色的马赛克。
|
 |
58
farseer2014 2015-02-15 11:03:44 +08:00
好看，已用。
|
 |
59
Twinkle 2015-02-15 11:05:12 +08:00
这个赞！
|
|
60
jkjoke 2015-02-15 11:39:55 +08:00
有个问题，我收藏的帖子去哪看？
|
 |
61
RichardQ 2015-02-15 11:42:14 +08:00
顶栏求能自动隐藏
|
|
62
xingo 2015-02-15 11:48:18 +08:00
真不错，重度google患者感谢楼主！
|
 |
65
Angdo 2015-02-15 12:34:42 +08:00
用上了，大爱，就是高分屏总感觉两边空旷啊（PS.还不习惯）
|
 |
66
thinkdf 2015-02-15 13:06:39 +08:00
右边栏咋被你阉割了
|
 |
68
donie 2015-02-15 14:42:18 +08:00
不错哎～～～ 感谢
|
 |
69
herolee 2015-02-15 14:58:04 +08:00
ID 和标题中间留白有点多，建议缩窄一点
|
 |
70
599316527 2015-02-15 16:43:33 +08:00
看起來不錯
|
 |
71
fengxing 2015-02-15 22:29:28 +08:00
上面的这一条太宽了，尤其是在低分辨率笔记本上看，要占据好大的屏幕位置
|
|
72
zdhxiong OP @a540355686 感谢反馈，我会考虑用响应式来改变顶栏高度。
|
 |
73
kawaiiushio 2015-02-15 23:27:52 +08:00
好看多了
 |
 |
74
laoyang945 2015-02-16 16:23:31 +08:00
请问如何找到收藏的主题
|
 |
75
tony1016 2015-02-16 16:51:20 +08:00
这个真不赖
|
|
76
zdhxiong OP @laoyang945 这个版本没有，下个版本会加上。
|
|
77
laoyang945 2015-02-16 19:56:47 +08:00
@zdhxiong 谢谢！那就只有等下个版本再用了，新年快乐！
|
 |
78
Heracles 2015-02-17 02:21:23 +08:00 via iPad
回复、发帖按钮的样式没改过来
|
 |
81
philobscur 2015-02-17 14:00:24 +08:00
谢谢分享！
就是 Logo 在 retina 屏幕上有点糊糊的感觉 |
 |
82
lifesurge 2015-02-17 20:23:39 +08:00
牛，点赞
|
|
83
zdhxiong OP @philobscur 之前没考虑到retina屏，现在好了。
|
 |
84
foccy 2015-02-19 21:55:26 +08:00
看起来很棒~
|
 |
85
smilingsun 2015-02-21 10:03:41 +08:00
貌似不能responsive，求支持啊。
大爱楼主！ |
|
86
zdhxiong OP @smilingsun 手机上自定义CSS不生效的，所以就不做响应式了。
|
 |
87
weicaizhi 2015-03-22 01:50:38 +08:00
今天的搜索框莫名变短。。。
|
 |
89
bdnet 2015-04-14 19:53:16 +08:00
已用上，待观察。
|
 |
90
yxzblue 2015-06-14 10:36:29 +08:00
立马高大上了！！
|
 |
91
Stof 2015-10-08 19:07:30 +08:00
用了这个 CSS 之后，右边的收藏节点也被隐藏了，内页也被隐藏了。。。
|
|
94
laincat 2015-10-12 11:55:17 +08:00
不支持 Firefox 。。。。。好惨。。。。
|
|
95
zdhxiong OP @laincat 就因为 firefox 不支持 -user-modify ，你可以用第一个版本，第一版是支持 firefox 的
|
 |
97
xpsair 2016-05-12 13:57:44 +08:00
赞。。。只是代码，撸主排版一下就好了。。。（逃）
|
|
99
xpsair 2016-05-12 14:54:29 +08:00
|
|
100
zdhxiong OP |
Select Language