爱意满满的作品展示区。
zdhxiong

分享一个 Material design 风格的 V2EX 自定义 CSS

  zdhxiong ·
zdhxiong · Feb 14, 2015 · 17152 views
This topic created in 4291 days ago, the information mentioned may be changed or developed.

代码

@import url("//dn-startplay.qbox.me/v2ex-material-theme/v2ex.min.css");

github: https://github.com/zdhxiong/v2ex-material-theme

使用方法

登录后进设置,在自定义CSS处填入代码保存即可。

预览图

Supplement 1  ·  Jul 8, 2015
新版本:
Supplement 2  ·  Jul 8, 2015
新版本:@import url("//dn-startplay.qbox.me/v2ex-material-theme2/v2ex.min.css");

其实老早就做好了,但是兼容性不好,本来想解决兼容性再发出来,可实在解决不了。所以不支持 Firefox。
Supplement 3  ·  Dec 11, 2016

换了 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");
Supplement 4  ·  Jun 13, 2019
之前的测试域名被又拍云停用了,现在换了新域名:

* 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");
```
110 replies  •  2019-10-10 19:24:24 +08:00
1  2  
❮ ❯
vzch
vzch
Feb 14, 2015
1
我看到了 Inbox 的影子
kokdemo
kokdemo
Feb 14, 2015
2
右下角那些icon是写死的吗?
zdhxiong
zdhxiong
OP
Feb 14, 2015
3
@kokdemo 那些是收藏的节点,取了前6个
xingo
xingo
Feb 14, 2015
4
能不能告诉我为什么我点不到那个新主题的笔?。。。。。。。。。。一移动过去就收回去了。。。。。
zdhxiong
zdhxiong
OP
Feb 14, 2015❤️1
5
@xingo 你用的什么浏览器?我只在Chrome和Firefox测试过。
xi4oh4o
xi4oh4o
Feb 14, 2015
6
是的,无法点到新主题的笔 :)
xingo
xingo
Feb 14, 2015
7
chrome 40 1366*768
Jays
Jays
Feb 14, 2015
8
Firefox 34 测试 新主题笔有问题
ZhaoMiing
ZhaoMiing
Feb 14, 2015
9
好棒,不过右下角的新建笔确实有问题
Jetso
Jetso
Feb 14, 2015
10
nice
lingoys
lingoys
Feb 14, 2015
11
(好厉害,如果让我写我都不知道怎么实现。
ZhaoMiing
ZhaoMiing
Feb 14, 2015
12
突然想到一个问题,这样 Livid 会不会不开心,赞助链接都没了啊 : (
liangdi
liangdi
Feb 15, 2015
13
使用中 很不错 简洁
zdhxiong
zdhxiong
OP
Feb 15, 2015
14
@xingo
@xi4oh4o
@Jays
@ZhaoMiing
发贴按钮已修复。
laincat
laincat
Feb 15, 2015 via iPhone
15
试用去
pubby
pubby
Feb 15, 2015
16
不错,用几天看看
max1525
max1525
Feb 15, 2015
17
挺不错,点个赞
ligyxy
ligyxy
Feb 15, 2015
18
好看,已经用上了
Unknwon
Unknwon
Feb 15, 2015
19
不错!看起来新主题的笔需要高分辨率才能点到~
MajestySolor
MajestySolor
Feb 15, 2015
20
已收藏,感谢楼主~
JonyOang
JonyOang
Feb 15, 2015
21
感觉不错 哈 有inbox的影子
JonyOang
JonyOang
Feb 15, 2015
22
不过如果能像inbox一样在当前页就可以浏览详细内容就更好了,不用来回跳转页面了
teddy1004
teddy1004
Feb 15, 2015
23
样子不错,要是按钮能有那种点击的特效就好啦
cutehalo
cutehalo
Feb 15, 2015
24
排行榜呢=。=
zzutmebwd
zzutmebwd
Feb 15, 2015
25
右边一栏整个没有了 这真的好么 放页尾也行啊 有时候会用到 并且广告没有了livid会不会不高兴 毕竟人家也是要生活的嘛
zzutmebwd
zzutmebwd
Feb 15, 2015
26
同时 靛蓝+黑色图标 看起来不太好 不过这也是没办法的事
DearTanker
DearTanker
Feb 15, 2015
27
赞,这个屌。现在貌似还没有Material的WP主题,楼主可以试试~
lucky4
lucky4
Feb 15, 2015
28
很漂亮
个人提一点小小的建议
顶部的搜索框是否可以变小,然后把上方的导航节点 技术,创意,好玩等放上去。
loading
loading
Feb 15, 2015❤️1
29
Material design 没了动画,差很多啊。
jkjoke
jkjoke
Feb 15, 2015
30
赞,确实吊
Tink
Tink
Feb 15, 2015
31
略卡啊
songweibiao
songweibiao
Feb 15, 2015
32
要是有inbox的动态效果就更好了!可能我想多了,嘿嘿。谢啦!有才!
Pete
Pete
Feb 15, 2015 via Android
33
挺好看的
Mihuwa
Mihuwa
Feb 15, 2015
34
试用了,感觉不错。
pljhonglu
pljhonglu
Feb 15, 2015
35
感谢~很喜欢这个主题~
点击 『+』不管用。。。chrome 40.0.2214.111 (64-bit)
7654
7654
Feb 15, 2015
36
稍微再窄一点点
aliuwr
aliuwr
Feb 15, 2015
37
Logo 图片可以用我反色过的版本:
https://dn-cz-misc.qbox.me/v2ex/[email protected]
littlebena
littlebena
Feb 15, 2015 via iPhone
38
赞(≧▽≦)
求支持一下 mobile
zdhxiong
zdhxiong
OP
Feb 15, 2015
39
@Unknwon 笔已经修复了,不需要高分辨率
vinthony
vinthony
Feb 15, 2015
40
@pljhonglu 估计是你没收藏过节点?
zdhxiong
zdhxiong
OP
Feb 15, 2015
41
@JonyOang 因为不能用js,在当前页浏览也就实现不了。
zdhxiong
zdhxiong
OP
Feb 15, 2015
42
@teddy1004
@loading
@songweibiao
那种按钮的动画效果貌似仅用CSS实现不了。
vinthony
vinthony
Feb 15, 2015
43
试了一下 如果只有一个收藏结节 位置会出现在最上面 而不是+号之上
zdhxiong
zdhxiong
OP
Feb 15, 2015
44
@lucky4 banner上链接太多的话就不够简洁。
zdhxiong
zdhxiong
OP
Feb 15, 2015
45
@zzutmebwd
@ZhaoMiing
隐藏了广告确实会损害livid的利益,我会想想有没有合适的地方把广告显示出来。
zdhxiong
zdhxiong
OP
Feb 15, 2015
46
@zzutmebwd 图标是白色的呀,你怎么会是黑色的呢?
zdhxiong
zdhxiong
OP
Feb 15, 2015
47
@pljhonglu 那个+号确实没有作用的,鼠标移上去会浮现出发贴图标和收藏的节点。我之前试图把发贴图标放到 + 号上,可是做不到。
laomutuo
laomutuo
Feb 15, 2015
48
楼主好像很熟悉css啊:)
laomutuo
laomutuo
Feb 15, 2015
49
那个css是用less生成的么?
zdhxiong
zdhxiong
OP
Feb 15, 2015
50
@laomutuo 是用的less
kokdemo
kokdemo
Feb 15, 2015
51
@zdhxiong 感觉很给力啊!

我又有新灵感了……
lisonfan
lisonfan
Feb 15, 2015
52
i like it !
就是左上角的V2EX的LOGO颜色改成白色的会更好一些吧?
lisonfan
lisonfan
Feb 15, 2015
53


居中吧
zdhxiong
zdhxiong
OP
Feb 15, 2015
54
@aliuwr 感谢提供logo,已换上。
zdhxiong
zdhxiong
OP
Feb 15, 2015
55
@lisonfan logo已更换,之前的只是对原有黑色logo取了反色。
XueSeason
XueSeason
Feb 15, 2015
56
已经用上了,不过不知道如何更改背景图片。我这里显示的是蓝白色的马赛克。
zdhxiong
zdhxiong
OP
Feb 15, 2015
57
@XueSeason 这个背景应该是某些特殊节点的样式,不是我的主题加上去的。
farseer2014
farseer2014
Feb 15, 2015
58
好看,已用。
Twinkle
Twinkle
Feb 15, 2015
59
这个赞!
jkjoke
jkjoke
Feb 15, 2015
60
有个问题,我收藏的帖子去哪看?
RichardQ
RichardQ
Feb 15, 2015
61
顶栏求能自动隐藏
xingo
xingo
Feb 15, 2015
62
真不错,重度google患者感谢楼主!
zdhxiong
zdhxiong
OP
Feb 15, 2015
63
@jkjoke 现在没有收藏的帖子的链接,不过计划会把它放到banner里
zdhxiong
zdhxiong
OP
Feb 15, 2015
64
@RichardQ 因为顶栏的图标都是用fixed定位的,就不好自动隐藏了。
Angdo
Angdo
Feb 15, 2015
65
用上了,大爱,就是高分屏总感觉两边空旷啊(PS.还不习惯)
thinkdf
thinkdf
Feb 15, 2015
66
右边栏咋被你阉割了
zzutmebwd
zzutmebwd
Feb 15, 2015
67
@zdhxiong Get 缓存没刷新
donie
donie
Feb 15, 2015
68
不错哎~~~ 感谢
herolee
herolee
Feb 15, 2015
69
ID 和标题中间留白有点多,建议缩窄一点
599316527
599316527
Feb 15, 2015
70
看起來不錯
fengxing
fengxing
Feb 15, 2015
71
上面的这一条太宽了,尤其是在低分辨率笔记本上看,要占据好大的屏幕位置
zdhxiong
zdhxiong
OP
Feb 15, 2015 via Android
72
@a540355686 感谢反馈,我会考虑用响应式来改变顶栏高度。
kawaiiushio
kawaiiushio
Feb 15, 2015
73
好看多了

laoyang945
laoyang945
Feb 16, 2015
74
请问如何找到收藏的主题
tony1016
tony1016
Feb 16, 2015
75
这个真不赖
zdhxiong
zdhxiong
OP
Feb 16, 2015 via Android
76
@laoyang945 这个版本没有,下个版本会加上。
laoyang945
laoyang945
Feb 16, 2015
77
@zdhxiong 谢谢!那就只有等下个版本再用了,新年快乐!
Heracles
Heracles
Feb 17, 2015 via iPad
78
回复、发帖按钮的样式没改过来
zdhxiong
zdhxiong
OP
Feb 17, 2015 via Android
79
@Heracles 怎么没改,你看到的是怎么样的?
Heracles
Heracles
Feb 17, 2015
80
@zdhxiong 哦 ,电脑上的chrome没问题,iPad的Safari就会有
philobscur
philobscur
Feb 17, 2015
81
谢谢分享!
就是 Logo 在 retina 屏幕上有点糊糊的感觉
lifesurge
lifesurge
Feb 17, 2015
82
牛,点赞
zdhxiong
zdhxiong
OP
Feb 17, 2015
83
@philobscur 之前没考虑到retina屏,现在好了。
foccy
foccy
Feb 19, 2015
84
看起来很棒~
smilingsun
smilingsun
Feb 21, 2015
85
貌似不能responsive,求支持啊。
大爱楼主!
zdhxiong
zdhxiong
OP
Feb 21, 2015 via Android
86
@smilingsun 手机上自定义CSS不生效的,所以就不做响应式了。
weicaizhi
weicaizhi
Mar 22, 2015
87
今天的搜索框莫名变短。。。
zdhxiong
zdhxiong
OP
Mar 22, 2015
88
@weicaizhi 屏幕宽度过小时,搜索框会变短
bdnet
bdnet
Apr 14, 2015
89
已用上,待观察。
yxzblue
yxzblue
Jun 14, 2015
90
立马高大上了!!
Stof
Stof
Oct 8, 2015
91
用了这个 CSS 之后,右边的收藏节点也被隐藏了,内页也被隐藏了。。。
zdhxiong
zdhxiong
OP
Oct 8, 2015
92
@Stof 看附言里的新版本,可以显示节点。
Stof
Stof
Oct 8, 2015
93
@zdhxiong

Thanks

Firefox 路过。。。
laincat
laincat
Oct 12, 2015
94
不支持 Firefox 。。。。。好惨。。。。
zdhxiong
zdhxiong
OP
Oct 12, 2015
95
@laincat 就因为 firefox 不支持 -user-modify ,你可以用第一个版本,第一版是支持 firefox 的
laincat
laincat
Oct 12, 2015
96
@zdhxiong 第二版好用太多了。。。。 T-T
xpsair
xpsair
May 12, 2016
97
赞。。。只是代码,撸主排版一下就好了。。。(逃)
zdhxiong
zdhxiong
OP
May 12, 2016
98
@xpsair 没压缩过的源码在 github 上有
xpsair
xpsair
May 12, 2016
99
1  2  
❮ ❯
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1779 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 126ms · UTC 16:09 · PVG 00:09 · LAX 08:09 · JFK 11:09
♥ Do have faith in what you're doing.