周末搞了个扁平化的v2ex界面，不知有人喜欢不

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 4127 天前的主题，其中的信息可能已经有所发展或是发生改变。

高清大图：

Chrome的扩展应用，很简单，就一个css文件

链接:http://pan.baidu.com/share/link?shareid=1127890500&uk=69458969 密码:lic6

安装方法：
打开菜单-工具-扩展程序页面，将下载的crx文件拖放到页面上，会提示是否安装

没搞开发者帐号，所以先不传应用店了。。。哪天补上

第 1 条附言 · 2013-09-09 13:25:23 +08:00

代码已在github

https://github.com/chshouyu/metro-v2ex

第 2 条附言 · 2013-10-29 23:43:33 +08:00

哈哈各位还记得这么嘛
我已经发布到Chrome的应用店了
欢迎大家试用
如有其它需求或者建议，请积极发言
地址：
https://chrome.google.com/webstore/detail/metrov2ex/egmolfooljcembfilppkplihgdalkabj

页面

扩展

安装

54 条回复 • 1970-01-01 08:00:00 +08:00

zhttty

2013-09-09 11:14:54 +08:00

赞....

bngzoo

2013-09-09 11:15:33 +08:00

点赞！发现越来越适应扁平化了。。。

talentsnail

2013-09-09 11:22:14 +08:00

已经用上

infong

2013-09-09 11:26:36 +08:00

我直接丢到 v2ex 的自定义 css 里了。不错～

chmlai

2013-09-09 12:20:16 +08:00

可以放在V2EX 的自定义 CSS 里面, 谁方便直接把 CSS 贴出来?

tayuo

2013-09-09 12:24:29 +08:00

https://gist.github.com/anonymous/6491440

edisonye

2013-09-09 12:56:36 +08:00

感觉不错，已用上

biaobiaoqi

2013-09-09 13:03:41 +08:00

装上了~赞
lz可以开源到github上，大家一起完善哇~

chshouyu

2013-09-09 13:04:16 +08:00

@biaobiaoqi 好的~

burning

2013-09-09 13:13:55 +08:00

感觉挺新奇的在用

chainkhoo

2013-09-09 13:23:55 +08:00

赞一个

iloveyou

2013-09-09 13:25:58 +08:00

万恶的扁平化。。。真该用二向箔轰楼上几位的脑袋，3D世界不欢迎你们。

chshouyu

2013-09-09 13:30:57 +08:00

github
https://github.com/chshouyu/metro-v2ex

hustlzp

2013-09-09 14:12:49 +08:00

赞，已经用上了。

gracece

2013-09-09 14:30:38 +08:00

其实我觉得有点倒退的感觉...
在低版本的IE上长得跟这个差不多。

luo123qiu

2013-09-09 14:33:32 +08:00

已用，但是感觉没啥变化，圆角变直角而已。
不过支持楼主的折腾精神。

Hansee

2013-09-09 14:38:02 +08:00

不错已经在用

jedyu

2013-09-09 14:46:06 +08:00

yiplee

2013-09-09 14:48:59 +08:00

不错，赞。

Muninn

2013-09-09 14:57:10 +08:00

哈哈平面设计来说确实扁平的更舒服。
‘好看’不敢枉加评论，舒服应该是没有争议的。

mingzhi

2013-09-09 15:17:49 +08:00

nice 用上了...

chiefly

2013-09-09 15:30:16 +08:00

.box {
background-color: transparent;
-moz-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
border-bottom: 2px solid #e2e2e9;
}

.cell {
padding: 10px;
background-color: #f8f8f8;
margin: 5px 0;
font-size: 12px;
line-height: 120%;
text-align: left;
border-bottom: 1px solid #e2e2e2;
}
/*
img.avatar {
-moz-border-radius: 0px;
border-radius: 0px;
}*/

.topic_buttons {
border-radius: 0px 0px 0px 0px;
}

a.tb:hover {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 0px;
}

.super.button {
border-radius: 0px;
}

.no {
border-radius: 0px;
}

a.count_blue:visited, a.count_green:visited, a.count_orange:visited, a.count_livid:visited {
line-height: 24px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

a.count_livid:hover {
line-height: 24px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

a.count_livid:link, a.count_livid:active {
line-height: 24px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

a.tab_current:link, a.tab_current:visited, a.tab_current:active {
border-radius: 0px;
}

.inner {
background-color: #f8f8f8;
}

a.balance_area:link, a.balance_area:visited, .balance_area {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

.ml {
border-radius: 0px;
}

.sl {
border-radius: 0px;
}

.item_node {
border-radius: 0px;
}
自用CSS，偏扁平。。

Kaiyuan

2013-09-09 15:49:35 +08:00

保持圆角风格

http://gist.github.com/Kaiyuan/6492559

jqw1992

2013-09-09 18:22:19 +08:00

厉害啊啊...

smallcolor

2013-09-09 18:24:59 +08:00

扁平化难道就等于方方方的嘛...

chloerei

2013-09-09 18:28:22 +08:00

糟了，Flat UI 被黑了。

caomu

2013-09-09 18:58:58 +08:00

ie6效果（无误）

Showfom

2013-09-09 19:01:48 +08:00

已用上

Showfom

2013-09-09 19:02:53 +08:00

@Kaiyuan 用上这位仁兄的了，谢谢

caomu

2013-09-09 19:07:20 +08:00

leopanhf

2013-09-09 19:11:35 +08:00

非常喜欢~

leopanhf

2013-09-09 19:11:50 +08:00

有点儿意思~

chshouyu

2013-09-09 19:32:00 +08:00

@leopanhf tks!

SoberZhou

2013-09-09 20:33:12 +08:00

正在使用！感谢分享

SoloCompany

2013-09-09 21:38:22 +08:00

很不错，感谢分享

Keinez

2013-09-10 00:38:00 +08:00 via Android

你们确定这不是高级黑？

darasion

2013-09-10 00:46:02 +08:00

账户余额，不够扁平，背景还是渐变的。

myang

2013-09-10 00:46:24 +08:00

除了导航条，和pb2的默认样式一模一样……

wenbinwu

2013-09-10 01:50:20 +08:00

@darasion 我直接把余额的background设置none了

hahastudio

2013-09-10 10:36:55 +08:00

我对这个扁平化的世界绝望了= =

weicaizhi

2013-09-11 19:03:26 +08:00

牛逼！

kawaiiushio

2013-09-12 04:47:40 +08:00

https://v2ex.com/settings 这这里面可以直接设置~

kawaiiushio

2013-09-12 04:51:20 +08:00

*{
font-family: "arial", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "Microsoft Yahei", "Microsoft Yahei Mono" sans-serif !important;
}

这是字体你懂的