V2EX新主题(三栏)

三栏

V2EX

效果图

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

1

1212e

2011-08-14 19:50:28 +08:00

不错哦!

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

2

hyden

2011-08-14 19:58:44 +08:00

很不错。清晰可见。

3

subpo

PRO

2011-08-14 20:03:02 +08:00

不错!怎么搞?

4

kendisk

2011-08-14 20:11:51 +08:00

求分享/

5

Just1n

2011-08-14 20:43:42 +08:00

很漂亮，求css。。

6

unstop

2011-08-14 20:52:07 +08:00

很棒。

7

smallcolor

OP

2011-08-14 21:36:33 +08:00

都说了是标题党嘛，按照livid开放的内容，目前还做不到图上的效果。
现在帖子更新频率还是很低的，所以，分栏也没什么意义。br />
将来V2EX内容越来越多，我倒是更倾向于只看订阅的节点内容。

8

bluef

2011-08-14 21:38:17 +08:00

很好看, 求CSS/油猴

9

mywaiting

2011-08-14 21:40:53 +08:00

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

10

Livid

MOD

PRO

2011-08-14 21:44:06 +08:00

Follow will be a great feature for Tornado version.

11

mywaiting

2011-08-14 21:48:00 +08:00

@Livid 加油哈！期待！

12

liuhang0077

2011-08-14 21:50:59 +08:00

我只能说，很给力！

13

X_Del

2011-08-14 21:57:04 +08:00

footer是直接反色的

14

freefcw

2011-08-14 22:06:22 +08:00

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

15

romoo

2011-08-14 22:45:07 +08:00

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

16

fe1ng

2011-08-14 22:59:13 +08:00

这个真棒啊，喜欢~

17

fanzeyi

2011-08-14 23:08:25 +08:00

很帅求实现！

18

kingrever

2011-08-15 10:50:58 +08:00

漂亮。

19

zhiyuxi

2011-08-15 11:06:53 +08:00

哪里弄个的来啊，，求啊

20

linchanx

2011-08-15 11:20:49 +08:00

这个主题太赞了求实现

21

amyhyde

2011-08-15 11:53:54 +08:00

great look!

22

pepsin

2011-08-15 11:55:29 +08:00

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

23

itommy

2011-08-15 13:00:12 +08:00

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

24

Numbcoder

2011-08-15 13:08:51 +08:00

这个设计太酷了。

25

Matata

2011-08-15 13:14:15 +08:00 via iPad

求这个css！！！！

26

SakagamiJun

2011-08-15 13:28:11 +08:00

哇噢……这个太棒了…

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

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

28

romoo

2011-08-15 14:54:41 +08:00

@spritevan 哇，基本不错了

29

smallcolor

OP

2011-08-15 14:54:53 +08:00

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

30

underone

2011-08-15 15:36:32 +08:00

不错么。。。

31

X_Del

2011-08-15 16:08:26 +08:00

@smallcolor logo没有垂直居中

32

smallcolor

OP

2011-08-15 16:14:12 +08:00

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

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

33

fe1ng

2011-08-15 17:23:41 +08:00

用了smallcolor的css，不错呀。

34

X_Del

2011-08-15 17:31:23 +08:00

@smallcolor 我是X_Del啦，不是X_Dei

35

Matata

2011-08-15 18:25:05 +08:00 via iPad

@X_Del 谢谢！！！

36

zxb888

2011-08-15 19:35:38 +08:00

非常好！

37

lin

2011-08-15 19:49:26 +08:00

好漂亮！看得我好惭愧。

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

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

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

38

X_Del

2011-08-16 17:10:44 +08:00

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