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

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

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

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