V2EX新主题(三栏)

三栏

V2EX

效果图

38 条回复 • 1970-01-01 08:00:00 +08:00

1

1212e

2011 年 8 月 14 日

不错哦!

ps. 楼主肯定是G友 ... :DD

2

hyden

2011 年 8 月 14 日

很不错。清晰可见。

3

subpo

2011 年 8 月 14 日

不错!怎么搞?

4

kendisk

2011 年 8 月 14 日

求分享/

5

Just1n

2011 年 8 月 14 日

很漂亮，求css。。

6

unstop

2011 年 8 月 14 日

很棒。

7

smallcolor

OP

2011 年 8 月 14 日

都说了是标题党嘛，按照livid开放的内容，目前还做不到图上的效果。
现在帖子更新频率还是很低的，所以，分栏也没什么意义。

将来V2EX内容越来越多，我倒是更倾向于只看订阅的节点内容。

8

bluef

2011 年 8 月 14 日

很好看, 求CSS/油猴

9

mywaiting

2011 年 8 月 14 日

铜球CSS，，，楼主给力点啊，，，别吊胃口啊，，，

10

Livid

MOD

PRO

2011 年 8 月 14 日

Follow will be a great feature for Tornado version.

11

mywaiting

2011 年 8 月 14 日

@Livid 加油哈！期待！

12

liuhang0077

2011 年 8 月 14 日

我只能说，很给力！

13

X_Del

2011 年 8 月 14 日

footer是直接反色的

14

freefcw

2011 年 8 月 14 日

大爱啊！这个主题真是非常的出色

15

romoo

2011 年 8 月 14 日

呃，手机看不到图，联想中。

16

fe1ng

2011 年 8 月 14 日

这个真棒啊，喜欢~

17

fanzeyi

2011 年 8 月 14 日

很帅求实现！

18

kingrever

2011 年 8 月 15 日

漂亮。

19

zhiyuxi

2011 年 8 月 15 日

哪里弄个的来啊，，求啊

20

linchanx

2011 年 8 月 15 日

这个主题太赞了求实现

21

amyhyde

2011 年 8 月 15 日

great look!

22

pepsin

2011 年 8 月 15 日

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

23

itommy

2011 年 8 月 15 日

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

24

Numbcoder

2011 年 8 月 15 日

这个设计太酷了。

25

Matata

2011 年 8 月 15 日 via iPad

求这个css！！！！

26

SakagamiJun

2011 年 8 月 15 日

哇噢……这个太棒了…

27

spritevan

2011 年 8 月 15 日

/* 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; }

我来发个螃蟹给大家吃~ :)

28

romoo

2011 年 8 月 15 日

@spritevan 哇，基本不错了

29

smallcolor

OP

2011 年 8 月 15 日

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

30

underone

2011 年 8 月 15 日

不错么。。。

31

X_Del

2011 年 8 月 15 日

@smallcolor logo没有垂直居中

32

smallcolor

OP

2011 年 8 月 15 日

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

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

33

fe1ng

2011 年 8 月 15 日

用了smallcolor的css，不错呀。

34

X_Del

2011 年 8 月 15 日

@smallcolor 我是X_Del啦，不是X_Dei

35

Matata

2011 年 8 月 15 日 via iPad

@X_Del 谢谢！！！

36

zxb888

2011 年 8 月 15 日

非常好！

37

lin

2011 年 8 月 15 日

好漂亮！看得我好惭愧。

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

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

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

38

X_Del

2011 年 8 月 16 日

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