不仅仅是自定义 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://tanronggui.xyz/t/168103 感谢 @jkjoke 同学

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

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

##接下来要做的:

+ V2EX Next项目有个特别亮眼的功能是夜间模式,我打算接下来实现一下,目前打算根据太阳下山的时间来自动切换夜间模式……
+ 右上角的那个搜索框太丑了……得想个办法解决掉。
+ 把提醒也做到左边快捷栏上。
13094 次点击
所在节点    分享创造
100 条回复
kokdemo
2015-02-09 09:48:35 +08:00
@thonatos 看来我的审美真是没有救了……
thonatos
2015-02-09 09:56:35 +08:00
@kokdemo

T.T,原谅我给上面那句...给了个“感谢”....
kokdemo
2015-02-09 10:06:01 +08:00
@thonatos 没关系,至少有5个人吐槽这个事情了……
thonatos
2015-02-09 10:08:25 +08:00
@kokdemo

仔细看了,感觉问题在左边的文字上,看起来难受~
kokdemo
2015-02-09 10:09:44 +08:00
@thonatos 友情告诉你,我正在开发的0.1.0版本,左边已经全是icon啦!
thonatos
2015-02-09 10:19:47 +08:00
@kokdemo

感觉还是v2ex放在dribble上得那张图比较耐看...T.T,嗯,加油喽。
kokdemo
2015-02-09 10:20:29 +08:00
@thonatos 下个版本的颜色已经是那个样子了……
thonatos
2015-02-09 10:21:35 +08:00
@kokdemo

那我把改的删掉了~
caoyue
2015-02-09 12:07:25 +08:00
@kokdemo
Firefox 的插件太麻烦了= =
导出了一个 GreaseMonkey 的版本,代码木有什么改动
一切权利归原作者 :)

https://github.com/caoyue/userjs/blob/master/v2ex.k.user.js
RyuZheng
2015-02-09 13:13:58 +08:00
已用,很不错,就是绿色的配色确实扎眼,昨晚用的,今天反馈一下
hester
2015-02-09 13:21:29 +08:00
感谢LZ,很棒的方案!
PS:如果点击Link的话,快速阅读就不好使了,这里的逻辑可以改善下。
jemyzhang
2015-02-09 13:26:54 +08:00
真不错~!感谢楼主,and v2ex ext
kokdemo
2015-02-09 13:50:50 +08:00
@caoyue 很棒!
kokdemo
2015-02-09 13:51:54 +08:00
@RyuZheng 绿色配色会改掉的……会改掉的……
@hester 正在考虑把快速阅读改成hover而非click的模式……
up76733
2015-02-09 16:20:20 +08:00
有人在猎豹浏览器上使用成功吗,猎豹也是基于chrome的核心,但是插件无法在猎豹上打开设置页面
up76733
2015-02-09 16:28:55 +08:00
@up76733 使用https就起作用了
doufenger
2015-02-10 10:37:58 +08:00
赞赞的
break
2015-02-10 15:30:20 +08:00
[https://github.com/jShi-git/purple-v2ex](https://github.com/jShi-git/purple-v2ex)

基于v2ex.k,做了一个紫色版本,改动功能如下:
1、右边栏直接干掉
2、不刷新页面看帖,右边栏会有loading效果提示
3、去掉body滚动条,页面四栏高度自适应出现滚动条,可单独上下滚动调节

kokdemo
2015-02-10 16:25:31 +08:00
@break 这个吊!

我说一下我目前新版本的开发进度吧:

右侧的快速阅读模式彻底读取接口而不是加载iframe了,只有帖子的正文内容。但是我不能确认这两种模式那个更好。

右边栏我正在考虑将它们揉到左边navbar里面,但是每日最热还是需要的,正在考虑这个怎么弄比较好。
jacob
2015-02-10 19:20:55 +08:00
敢问lz opera next能安不,chromium内核的。

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

https://tanronggui.xyz/t/169091

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

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

© 2021 V2EX