更强的 V2EX 界面修改方案 v2ex.k 0.1.0 发布!!

2015-02-12 00:17:16 +08:00
 kokdemo

上周六晚上,我发布了 v2ex.k 的0.0.1版本,收到了很多的反馈和支持,这让我对这个项目充满信心。那个周末连续更新到了0.0.5版本。

但我希望这个项目可以做到更好。

经过几个晚上的加工,0.1.0版本终于定型。截至我写这个帖子的时候,已经达到了0.1.1版本,紧急修复了一个bug。

如果对v2ex.k 不太熟的同学可以先看一下原来的帖子: http://www.v2ex.com/t/169091

或者github主页: https://github.com/kokdemo/v2ex.k

或者直接安装一下试试: https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

特性

  1. 全新的界面颜色。
  2. 左侧导航栏。
  3. 快速阅读模式。
  4. 左侧显示通知条数。
  5. 自定义颜色设置。

6. 全键盘操作模式。

截图

观察力比较好的同学已经能看出一些端倪来了,主要修改的地方见下面的描述。


更新

2015.2.11:


帮助

  1. 使用快速阅读只需要点击列表中除了链接之外的空白即可。
  2. 右侧的快速阅读区域可以点击进入具体的帖子。
  3. 自定义颜色设置具体如下

<code>

.k_color_dark{
    background-color: #3C7300;/*主要导航条颜色*/
}

.k_color_light{
    background-color: #5CB000;/*次级导航条颜色*/
}

span a.node.k_color_node{
    background-color: #B9D998;/*小标签背景颜色*/
    color: #FFF;
}

td a.count_livid.k_color_count{
    background-color: #3C7300;/*回帖数目背景颜色*/
}   

#Wrapper.k_color_background{
    background-color: #E2F1D0;/*背景颜色*/
}

.k_color_hover:hover{
    background-color: #2980B9;/*导航条放置变色*/
}

.k_color_item{
    background-color: #FFF;/*列表项背景颜色*/
}

.k_color_item a:link,.k_color_item a:visited,.k_color_item a:active{
    color: #3C3B47; /*列表项文字颜色*/
    text-shadow: none;
}

.k_color_choosen{
    background-color: #eeeeee;/*被选择的列表项的背景颜色*/
}

#k_tabbar a.tab_current:link, #k_tabbar a.tab_current:visited, #k_tabbar a.tab_current:active{
    background-color: #505770; /*次级导航条被选中颜色*/
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

</code>

4 . 全键盘使用:

For chrome

https://chrome.google.com/webstore/detail/v2exk/dnbmbhefokngmkalbdcgjdlgoppfhndn

感谢

首先要感谢V2EX Next项目 https://dribbble.com/shots/1355911-V2EX-Next 上一个版本的配色很受大家诟病,我将配色向next项目靠拢,果然好多了!

其次要感谢
@rainy3636
@loading
@romotc
@yrom
@vimutt
@233
@branchzero
@Jreen
@julijulilijuliju
@liwanglin12
@elvba 等同学的反馈,尤其是@branchzero反馈特别仔细;新的快速阅读的想法也是来自@elvba。

接着要感谢一下 @caoyue 制作的ff版本 https://github.com/caoyue/userjs/blob/master/v2ex.k.user.js

以及 @break 制作的衍生版本 https://github.com/jShi-git/purple-v2ex

我的思路和他的有很多相似的地方。


ps

写完帖子也有12点多了……希望大家能够用的开心!

还是那句话:

『用更好的UI开始新的一天。』

11998 次点击
所在节点    分享创造
103 条回复
oott123
2015-02-12 00:19:43 +08:00
有火狐,没烦恼!
jsonline
2015-02-12 00:19:44 +08:00
皮肤不错,可惜V2的内容变水了。
chmlai
2015-02-12 00:34:16 +08:00
伸手党等safari
typcn
2015-02-12 00:36:54 +08:00
为什么没有自动更新呢?
typcn
2015-02-12 00:39:22 +08:00
好吧搞错了。。 卸了重新去商店装好了。

建议 @Livid 提供一些不跨域的 API , 支持 ajax 加载就太好了。
fyhqy
2015-02-12 00:43:35 +08:00
不错,明测试一下
rainy3636
2015-02-12 00:45:28 +08:00
你好,我想问一下,那个“选项”是空的,还是我的浏览器有问题?
rainy3636
2015-02-12 00:54:24 +08:00
新版本,在https下,使用快速阅读,需要加载脚本变成
Dukec
2015-02-12 00:57:45 +08:00
快速阅读不支持https
icedx
2015-02-12 01:05:59 +08:00
颜色终于正常了
branchzero
2015-02-12 01:11:58 +08:00
@kokdemo
新版看着好赞!感谢LZ用心。
顺带建议把.box的margin(上下)给重新补上:)
貌似文本框里输东西的时候按左右箭头也会跳,不知道算不算BUG。。。
最后,还是无尽的感谢~实在是太棒了。
pinlin168
2015-02-12 01:25:24 +08:00
用起来太爽了,感谢LZ
blessme
2015-02-12 01:37:28 +08:00
感觉右边很大空白,造成不适。
master
2015-02-12 02:59:56 +08:00
快速阅读能支持上https就好了 >_<
loveminds
2015-02-12 05:52:15 +08:00
那個郵政綠的配色真心丑
SharkIng
2015-02-12 07:19:51 +08:00
试用了下但是还是不习惯换回去了

还是支持
Mihuwa
2015-02-12 07:37:20 +08:00
看起来很不错。
kokdemo
2015-02-12 08:17:14 +08:00
早上上班之前赶快修复一下这个bug……

已经发布了0.1.2版本,请更新一下

@rainy3636 option我还没写呢…… [捂脸]

@rainy3636
@Dukec
@master https已经支持了。
sorcerer
2015-02-12 08:39:07 +08:00
快速阅读模式下,不会显示评论吗?
songxajh
2015-02-12 08:42:41 +08:00
cool,换上去了。

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

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

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

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

© 2021 V2EX