分享一个 Material design 风格的 V2EX 自定义 CSS - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
zdhxiong

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

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

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


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

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

Thanks

Firefox 路过。。。
laincat
    94
laincat  
   Oct 12, 2015
不支持 Firefox 。。。。。好惨。。。。
zdhxiong
    95
zdhxiong  
OP
   Oct 12, 2015
@laincat 就因为 firefox 不支持 -user-modify ,你可以用第一个版本,第一版是支持 firefox 的
laincat
    96
laincat  
   Oct 12, 2015
@zdhxiong 第二版好用太多了。。。。 T-T
xpsair
    97
xpsair  
   May 12, 2016
赞。。。只是代码,撸主排版一下就好了。。。(逃)
zdhxiong
    98
zdhxiong  
OP
   May 12, 2016
@xpsair 没压缩过的源码在 github 上有
xpsair
    99
xpsair  
   May 12, 2016
zdhxiong
    100
zdhxiong  
OP
   May 12, 2016
1  2  
About     Help     Advertise     Blog     API     FAQ     Solana     935 Online   Highest 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 659ms UTC 21:35 PVG 05:35 LAX 14:35 JFK 17:35
Do have faith in what you're doing.
ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86