V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
smallcolor
V2EX  ›  V2EX

V2EX新主题(三栏)

  •  
  •   smallcolor · 2011-08-14 19:40:49 +08:00 · 6629 次点击
    这是一个创建于 4836 天前的主题,其中的信息可能已经有所发展或是发生改变。


    完整效果图: http://d.pr/fJ7h




    -------------------
    我是标题党。
    38 条回复    1970-01-01 08:00:00 +08:00
    1212e
        1
    1212e  
       2011-08-14 19:50:28 +08:00
    不错哦!

    ps. 楼主肯定是G友 ... :DD
    hyden
        2
    hyden  
       2011-08-14 19:58:44 +08:00
    很不错。清晰可见。
    subpo
        3
    subpo  
       2011-08-14 20:03:02 +08:00
    不错!怎么搞?
    kendisk
        4
    kendisk  
       2011-08-14 20:11:51 +08:00
    求 分享/
    Just1n
        5
    Just1n  
       2011-08-14 20:43:42 +08:00
    很漂亮,求css。。
    unstop
        6
    unstop  
       2011-08-14 20:52:07 +08:00
    很棒。
    smallcolor
        7
    smallcolor  
    OP
       2011-08-14 21:36:33 +08:00
    都说了是标题党嘛,按照livid开放的内容,目前还做不到图上的效果。
    现在帖子更新频率还是很低的,所以,分栏也没什么意义。

    将来V2EX内容越来越多,我倒是更倾向于只看订阅的节点内容。
    bluef
        8
    bluef  
       2011-08-14 21:38:17 +08:00
    很好看, 求CSS/油猴
    mywaiting
        9
    mywaiting  
       2011-08-14 21:40:53 +08:00
    铜球CSS,,,楼主给力点啊,,,别吊胃口啊,,,
    Livid
        10
    Livid  
    MOD
       2011-08-14 21:44:06 +08:00
    Follow will be a great feature for Tornado version.
    mywaiting
        11
    mywaiting  
       2011-08-14 21:48:00 +08:00
    @Livid 加油哈!期待!
    liuhang0077
        12
    liuhang0077  
       2011-08-14 21:50:59 +08:00
    我只能说,很给力!
    X_Del
        13
    X_Del  
       2011-08-14 21:57:04 +08:00
    footer是直接反色的
    freefcw
        14
    freefcw  
       2011-08-14 22:06:22 +08:00
    大爱啊!这个主题真是非常的出色
    romoo
        15
    romoo  
       2011-08-14 22:45:07 +08:00
    呃,手机看不到图,联想中。
    fe1ng
        16
    fe1ng  
       2011-08-14 22:59:13 +08:00
    这个真棒啊 ,喜欢~
    fanzeyi
        17
    fanzeyi  
       2011-08-14 23:08:25 +08:00
    很帅 求实现!
    kingrever
        18
    kingrever  
       2011-08-15 10:50:58 +08:00
    漂亮。
    zhiyuxi
        19
    zhiyuxi  
       2011-08-15 11:06:53 +08:00
    哪里弄个的来啊,,求啊
    linchanx
        20
    linchanx  
       2011-08-15 11:20:49 +08:00
    这个主题太赞了 求实现
    amyhyde
        21
    amyhyde  
       2011-08-15 11:53:54 +08:00
    great look!
    pepsin
        22
    pepsin  
       2011-08-15 11:55:29 +08:00
    求实现,希望有大牛伸出援手
    itommy
        23
    itommy  
       2011-08-15 13:00:12 +08:00
    这样一页的信息量比较大,不用老上上下下的。我喜欢
    Numbcoder
        24
    Numbcoder  
       2011-08-15 13:08:51 +08:00
    这个设计太酷了。
    Matata
        25
    Matata  
       2011-08-15 13:14:15 +08:00 via iPad
    求这个css!!!!
    SakagamiJun
        26
    SakagamiJun  
       2011-08-15 13:28:11 +08:00
    哇噢……这个太棒了…
    spritevan
        27
    spritevan  
       2011-08-15 14:48:26 +08:00
    /* adjust logo img */
    #TopMain a img { margin-left:5px!important; }

    /* topics move to left side */
    #topics_index { margin-left: 220px; }
    #topics_index .cell[align=left] { width:225px; float:left; margin-left:-250px; }
    #topics_index .cell[align=left] table { display:block; }
    #topics_index .cell[align=left] table tr > td { display:block; width:100%!important; }
    #topics_index .cell[align=left] .bigger { display:none; }
    #topics_index .cell[align=left] .snow { color:rgba(0,0,0,.3) }

    /* resize right side & ad */
    .mlt { width:190px; }
    #Rightbar { width:222px; }
    #Rightbar .box iframe,
    #Rightbar .box ins { width:200px!important; height:200px!important; }

    /* resize topic list & nodes portal */
    #Content { margin-right:230px; }
    #Content > .sep20 ~ .box { width:960px; margin-left:-10px; clear:both; }

    /* resize textarea onfocus */
    textarea:focus { height:200px; }

    我来发个螃蟹给大家吃~ :)
    romoo
        28
    romoo  
       2011-08-15 14:54:41 +08:00
    @spritevan 哇,基本不错了
    smallcolor
        29
    smallcolor  
    OP
       2011-08-15 14:54:53 +08:00
    左侧又没有东西,先不要实现三栏吧。
    两栏的类似CSS代码: http://jsfiddle.net/smallcolor/b7Mfg/
    underone
        30
    underone  
       2011-08-15 15:36:32 +08:00
    不错么。。。
    X_Del
        31
    X_Del  
       2011-08-15 16:08:26 +08:00
    @smallcolor logo没有垂直居中
    smallcolor
        32
    smallcolor  
    OP
       2011-08-15 16:14:12 +08:00
    @X_Dei 你用的是 http://www.copypastecode.com/76414/ 这个CSS么?

    Logo距离上面会比下面高一点,故意的。我只测试了webkit浏览器,其他未考虑。
    fe1ng
        33
    fe1ng  
       2011-08-15 17:23:41 +08:00
    用了smallcolor的css,不错呀。
    X_Del
        34
    X_Del  
       2011-08-15 17:31:23 +08:00
    @smallcolor 我是X_Del啦,不是X_Dei
    Matata
        35
    Matata  
       2011-08-15 18:25:05 +08:00 via iPad
    @X_Del 谢谢!!!
    zxb888
        36
    zxb888  
       2011-08-15 19:35:38 +08:00
    非常好!
    lin
        37
    lin  
       2011-08-15 19:49:26 +08:00
    好漂亮!看得我好惭愧。

    其实我最近也已经弄了个三栏。

    登录前:
    http://www.geekaa.com

    可惜比起楼主的作品好像很山寨。
    X_Del
        38
    X_Del  
       2011-08-16 17:10:44 +08:00
    貌似实现3栏有难度~因为那几个sidebar没有单独的id,只能用特殊的选择器了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2673 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 10:20 · PVG 18:20 · LAX 02:20 · JFK 05:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.