V2EX新主题(三栏)

[smallcolor]

http://img.ly/7jYo

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




-------------------
我是标题党。

[amyhyde]

great look!

[pepsin]

求实现，希望有大牛伸出援手

[itommy]

这样一页的信息量比较大，不用老上上下下的。我喜欢

[Numbcoder]

这个设计太酷了。

[Matata]

求这个css！！！！

[SakagamiJun]

哇噢……这个太棒了…

[spritevan]

/* 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]

@spritevan 哇，基本不错了

[smallcolor]

左侧又没有东西，先不要实现三栏吧。
两栏的类似CSS代码： http://jsfiddle.net/smallcolor/b7Mfg/

[underone]

不错么。。。

[X_Del]

@smallcolor logo没有垂直居中

[smallcolor]

@X_Dei 你用的是 http://www.copypastecode.com/76414/ 这个CSS么？

Logo距离上面会比下面高一点，故意的。我只测试了webkit浏览器，其他未考虑。

[fe1ng]

用了smallcolor的css，不错呀。

[X_Del]

@smallcolor 我是X_Del啦，不是X_Dei

[Matata]

@X_Del 谢谢！！！

[zxb888]

非常好！

[lin]

好漂亮！看得我好惭愧。

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

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

可惜比起楼主的作品好像很山寨。

[X_Del]

貌似实现3栏有难度~因为那几个sidebar没有单独的id，只能用特殊的选择器了