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

2013-09-09 11:09:55 +08:00
 chshouyu
高清大图:










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

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

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

没搞开发者帐号,所以先不传应用店了。。。哪天补上
8174 次点击
所在节点    分享创造
54 条回复
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
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
你们确定这不是高级黑?
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
我对这个扁平化的世界绝望了= =

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/81818

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX