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

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

高清大图：

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

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

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

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

第 1 条附言 2013 年 9 月 9 日

代码已在github

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

第 2 条附言 2013 年 10 月 29 日

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

页面

扩展

安装

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

zhttty

2013 年 9 月 9 日

赞....

bngzoo

2013 年 9 月 9 日

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

talentsnail

2013 年 9 月 9 日

已经用上

infong

2013 年 9 月 9 日

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

chmlai

2013 年 9 月 9 日

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

tayuo

2013 年 9 月 9 日

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

edisonye

2013 年 9 月 9 日

感觉不错，已用上

biaobiaoqi

2013 年 9 月 9 日

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

chshouyu

2013 年 9 月 9 日

@biaobiaoqi 好的~

burning

2013 年 9 月 9 日

感觉挺新奇的在用

chainkhoo

2013 年 9 月 9 日

赞一个

iloveyou

2013 年 9 月 9 日

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

chshouyu

2013 年 9 月 9 日

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

hustlzp

2013 年 9 月 9 日

赞，已经用上了。

gracece

2013 年 9 月 9 日

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

luo123qiu

2013 年 9 月 9 日

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

Hansee

2013 年 9 月 9 日

不错已经在用

jedyu

2013 年 9 月 9 日

yiplee

2013 年 9 月 9 日

不错，赞。

Muninn

2013 年 9 月 9 日

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

mingzhi

2013 年 9 月 9 日

nice 用上了...

chiefly

2013 年 9 月 9 日

.box {
background-color: transparent;
-moz-border-radius: 0px;
bordr-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 年 9 月 9 日

保持圆角风格

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

jqw1992

2013 年 9 月 9 日

厉害啊啊...

smallcolor

2013 年 9 月 9 日

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

chloerei

2013 年 9 月 9 日

糟了，Flat UI 被黑了。

caomu

2013 年 9 月 9 日

ie6效果（无误）

Showfom

PRO

2013 年 9 月 9 日

已用上

Showfom

PRO

2013 年 9 月 9 日

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

caomu

2013 年 9 月 9 日

leopanhf

2013 年 9 月 9 日

非常喜欢~

leopanhf

2013 年 9 月 9 日

有点儿意思~

chshouyu

2013 年 9 月 9 日

@leopanhf tks!

SoberZhou

2013 年 9 月 9 日

正在使用！感谢分享

SoloCompany

2013 年 9 月 9 日

很不错，感谢分享

Keinez

2013 年 9 月 10 日 via Android

你们确定这不是高级黑？

darasion

2013 年 9 月 10 日

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

myang

2013 年 9 月 10 日

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

wenbinwu

2013 年 9 月 10 日

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

hahastudio

2013 年 9 月 10 日

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

weicaizhi

2013 年 9 月 11 日

牛逼！

kawaiiushio

2013 年 9 月 12 日

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

kawaiiushio

2013 年 9 月 12 日

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

这是字体你懂的