不仅仅是自定义 CSS 了,看看更强的 V2EX 界面方案吧!

2015-02-07 18:42:17 +08:00
 kokdemo
最近看大家分享了不少很棒的自定义CSS,都很有意思。

直到看到了 V2EX Next 项目 https://dribbble.com/shots/1355911-V2EX-Next

我才反应过来,原来自己都陷在思维的桎梏里面了。

于是花了大概一个下午实现了一个类似的效果,做成了chrome插件的形式:

#v2ex.k
-----------

github | https://github.com/kokdemo/v2ex.k
------------- | -------------
chorme商店地址 | https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

##功能特性:

1. 全新的界面颜色。
2. 左侧导航栏。
3. 快速阅读模式。

##截图:



主界面



主界面-更多效果



主界面-快速阅读模式



二级界面-快速阅读模式

##要说的话:

除了界面的大致样式是借鉴V2EX Next项目之外,这里面的很多CSS来自于LIGHTER项目。
http://www.v2ex.com/t/168103 感谢 @jkjoke 同学

也欢迎大家使劲的提建议和意见。

才发现markdown模式和网址贴图不能共存……

##接下来要做的:

+ V2EX Next项目有个特别亮眼的功能是夜间模式,我打算接下来实现一下,目前打算根据太阳下山的时间来自动切换夜间模式……
+ 右上角的那个搜索框太丑了……得想个办法解决掉。
+ 把提醒也做到左边快捷栏上。
13041 次点击
所在节点    分享创造
100 条回复
rainy3636
2015-02-07 18:49:06 +08:00
已用
kokdemo
2015-02-07 18:50:06 +08:00
@rainy3636 记得给点反馈……
thinkxen
2015-02-07 18:52:35 +08:00
不错哦
sunsol
2015-02-07 18:54:15 +08:00
配色不好看
yrom
2015-02-07 18:58:23 +08:00
快速阅读模式不能滚动的呀
loading
2015-02-07 19:00:06 +08:00
@yrom 快速阅读模式,同样不能滚。帖子不能滚,滚动还是主题列表。。。

osx chrome 38.0.2125.111(比较旧)
rainy3636
2015-02-07 19:01:28 +08:00
1、浅绿色看久了感觉刺眼,不知是不是我眼睛的问题
2、希望主页面的快速阅读改一下,当点击标题时直接进主题(现在是要先显示快速阅读),点击非标题任意区域开启快速阅读。不知能不能做到?非程序员,不了解。
loading
2015-02-07 19:08:35 +08:00
建议提供一个功能:

自定义css (这个v2ex也可以。)
自定义js(同时有选项提供是否停用你的内置js)

效果:方便大家折腾。
rainy3636
2015-02-07 19:11:25 +08:00
Wy4q3489O1z996QO
2015-02-07 19:11:45 +08:00
快速阅读模式不能滚动 +1
另外快速阅读的时候,能把文章列表页中当前文章条目标注/变色一下吗?
kokdemo
2015-02-07 19:33:35 +08:00
@sunsol ……配色这个问题我也没有啥太好的方案……


@yrom
@loading
@romotc
快速阅读这个我本机上是没问题的……osx chrome 版本 40.0.2214.94 (64-bit)
待我找别的机器设置一下

@rainy3636
你反馈的这个bug我已经知道是为啥了……

@loading
自定义js和css范围有点大……我会考虑自定义颜色这种的
vimutt
2015-02-07 19:40:23 +08:00
快速阅读用鼠标中间点击 然后拖动就可以滚动了
kokdemo
2015-02-07 19:45:38 +08:00
@vimutt ……这是一个bug,我只是想把滚动条收起来……没想到在其他平台上都不能滚动了……
Jreen
2015-02-07 19:55:39 +08:00
建议支持自定义颜色,这个颜色太亮了。
ericdiao
2015-02-07 19:57:56 +08:00
求ff版~
233
2015-02-07 20:00:13 +08:00
已用,不过改了下颜色,感觉太扎眼了



kokdemo
2015-02-07 20:00:29 +08:00
@Jreen
可以这样自定颜色,在v2ex的设置的自定义css里,找两个颜色覆盖掉原有的这两个,其中k_navbar是左侧的导航条,k_tabbar是二级导航条,以下是示例:

#k_navbar{
background-color: yellow;
}
#k_tabbar{
background-color: red;
}
kokdemo
2015-02-07 20:06:05 +08:00
@yrom
@loading
@romotc
@rainy3636
你们反馈的bug我已经做了修正,感谢你们的反馈

@233 我把绿色稍微调整了一下,现在应该好一些了
233
2015-02-07 20:26:22 +08:00
@kokdemo 该怎么开启更快速阅读模式呢
kokdemo
2015-02-07 20:28:00 +08:00
@233 点击帖子链接旁边的空白……

看来这个设计不够好……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/169091

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX