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

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

  •  
  •   chshouyu ·
    chshouyu · Sep 9, 2013 · 9175 views
    This topic created in 4809 days ago, the information mentioned may be changed or developed.
    高清大图:










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

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

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

    没搞开发者帐号,所以先不传应用店了。。。哪天补上
    Supplement 1  ·  Sep 9, 2013
    Supplement 2  ·  Oct 29, 2013
    哈哈 各位还记得这么嘛
    我已经发布到Chrome的应用店了
    欢迎大家试用
    如有其它需求或者建议,请积极发言
    地址:
    https://chrome.google.com/webstore/detail/metrov2ex/egmolfooljcembfilppkplihgdalkabj
    54 replies  •  1970-01-01 08:00:00 +08:00
    zhttty
    zhttty
    Sep 9, 2013
    1
    赞....
    bngzoo
    bngzoo
    Sep 9, 2013
    2
    点赞!发现越来越适应扁平化了。。。
    talentsnail
    talentsnail
    Sep 9, 2013
    3
    已经用上
    infong
    infong
    Sep 9, 2013
    4
    我直接丢到 v2ex 的自定义 css 里了。不错~
    chmlai
    chmlai
    Sep 9, 2013
    5
    可以放在V2EX 的自定义 CSS 里面, 谁方便直接把 CSS 贴出来?
    edisonye
    edisonye
    Sep 9, 2013
    7
    感觉不错,已用上
    biaobiaoqi
    biaobiaoqi
    Sep 9, 2013
    8
    装上了~赞
    lz可以开源到github上,大家一起完善哇~
    chshouyu
    chshouyu
    OP
    Sep 9, 2013
    9
    @biaobiaoqi 好的~
    burning
    burning
    Sep 9, 2013
    10
    感觉挺新奇的 在用
    chainkhoo
    chainkhoo
    Sep 9, 2013
    11
    赞一个
    iloveyou
    iloveyou
    Sep 9, 2013
    12
    万恶的扁平化。。。真该用二向箔轰楼上几位的脑袋,3D世界不欢迎你们。
    hustlzp
    hustlzp
    Sep 9, 2013
    14
    赞,已经用上了。
    gracece
    gracece
    Sep 9, 2013
    15
    其实我觉得有点倒退的感觉...
    在低版本的IE上长得跟这个差不多。
    luo123qiu
    luo123qiu
    Sep 9, 2013
    16
    已用,但是感觉没啥变化,圆角变直角而已。
    不过支持楼主的折腾精神。
    Hansee
    Hansee
    Sep 9, 2013
    17
    不错已经在用
    jedyu
    jedyu
    Sep 9, 2013❤️1
    18
    赞
    yiplee
    yiplee
    Sep 9, 2013
    19
    不错,赞。
    Muninn
    Muninn
    Sep 9, 2013
    20
    哈哈 平面设计来说 确实扁平的更舒服。
    ‘好看’不敢枉加评论,舒服应该是没有争议的。
    mingzhi
    mingzhi
    Sep 9, 2013
    21
    nice 用上了...
    chiefly
    chiefly
    Sep 9, 2013
    22
    .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
    Kaiyuan
    Sep 9, 2013❤️4
    23
    jqw1992
    jqw1992
    Sep 9, 2013
    24
    厉害啊啊...
    smallcolor
    smallcolor
    Sep 9, 2013
    25
    扁平化难道就等于方方方的嘛...
    chloerei
    chloerei
    Sep 9, 2013❤️2
    26
    糟了,Flat UI 被黑了。
    caomu
    caomu
    Sep 9, 2013❤️2
    27
    ie6效果(无误)
    Showfom
    Showfom
    PRO
    Sep 9, 2013
    28
    已用上
    Showfom
    Showfom
    PRO
    Sep 9, 2013
    29
    @Kaiyuan 用上这位仁兄的了,谢谢
    caomu
    caomu
    Sep 9, 2013❤️2
    30
    leopanhf
    leopanhf
    Sep 9, 2013
    31
    非常喜欢~
    leopanhf
    leopanhf
    Sep 9, 2013
    32
    有点儿意思~
    chshouyu
    chshouyu
    OP
    Sep 9, 2013
    33
    @leopanhf tks!
    SoberZhou
    SoberZhou
    Sep 9, 2013
    34
    正在使用! 感谢分享
    SoloCompany
    SoloCompany
    Sep 9, 2013
    35
    很不错,感谢分享
    Keinez
    Keinez
    Sep 10, 2013 via Android❤️1
    36
    你们确定这不是高级黑?
    darasion
    darasion
    Sep 10, 2013
    37
    账户余额,不够扁平,背景还是渐变的。
    myang
    myang
    Sep 10, 2013
    38
    除了导航条,和pb2的默认样式一模一样……
    wenbinwu
    wenbinwu
    Sep 10, 2013
    39
    @darasion 我直接把余额的background设置none了
    hahastudio
    hahastudio
    Sep 10, 2013
    40
    我对这个扁平化的世界绝望了= =
    weicaizhi
    weicaizhi
    Sep 11, 2013
    41
    牛逼!
    kawaiiushio
    kawaiiushio
    Sep 12, 2013
    42
    https://v2ex.com/settings 这这里面可以直接设置~
    kawaiiushio
    kawaiiushio
    Sep 12, 2013
    43
    *{
    font-family: "arial", "WenQuanYi Micro Hei", "WenQuanYi Micro Hei Mono", "Microsoft Yahei", "Microsoft Yahei Mono" sans-serif !important;
    }

    这是字体你懂的
    DearMark
    DearMark
    Sep 12, 2013
    44
    喜闻乐见啊
    chshouyu
    chshouyu
    OP
    Sep 12, 2013
    45
    @kawaiiushio 试试
    underone
    underone
    Oct 29, 2013
    46
    呃……刚试了一下新版的
    留言数量的蓝色好耀眼
    顶部导航的黑字好不显眼
    回复按钮好不显眼……
    katekiss
    katekiss
    Oct 29, 2013
    47
    这次的改动是把导航条fixed到顶部了
    ChiangDi
    ChiangDi
    Oct 30, 2013
    48
    用上了,還不錯,比較喜歡
    yangff
    yangff
    Oct 31, 2013
    49
    访问页面之后……导航条会先是v2ex默认的样式,然后像是拍扁了一样扁下去……
    greenymora
    greenymora
    Nov 1, 2013
    50
    @caomu 呵呵笑了==
    katekiss
    katekiss
    Nov 5, 2013
    51
    @yangff 应该只是第一次吧
    ted05
    ted05
    Nov 6, 2013
    52
    赞一个,很漂亮的一说。
    blueandhack
    blueandhack
    Nov 8, 2013
    53
    @Kaiyuan 感谢已用~
    yangff
    yangff
    Nov 9, 2013
    54
    @katekiss 载入完全之前……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4062 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 142ms · UTC 06:56 · PVG 14:56 · LAX 22:56 · JFK 01:56
    ♥ Do have faith in what you're doing.