更强的 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开始新的一天。』

12001 次点击
所在节点    分享创造
103 条回复
iqav
2015-02-13 09:24:04 +08:00
挺棒的,不过用着第一感觉还不够精致,期待慢慢完善。
kokdemo
2015-02-13 09:31:27 +08:00
@heliar ……那在0.1.3版本之后,帖子正文内容小于140个字符的就不会调用这个接口,应该能减轻一些压力吧。
ctsed
2015-02-13 09:33:17 +08:00
@kokdemo 看不到追加的内容
majunbo
2015-02-13 09:48:20 +08:00
已安装,支持楼主。
kokdemo
2015-02-13 09:49:00 +08:00
@ctsed 因为接口里面没有哈……
googlefans
2015-02-13 11:18:55 +08:00
强!!
kn007
2015-02-13 12:00:04 +08:00
我还是喜欢这个
6IbA2bj5ip3tK49j
2015-02-13 13:27:15 +08:00
@Stof
firefox 需要修改脚本的font.css,把所有的webfont都改为
//www.v2ex.com/static/font/[font name]?v=[version]
比如:



金币则需要在v2ex设置里面把显示账户余额给关掉了。
kokdemo
2015-02-13 14:42:20 +08:00
@xgfan 显示金币余额应该已经改掉了,不知道咋还是出现……
6IbA2bj5ip3tK49j
2015-02-13 15:04:28 +08:00
@kokdemo 可能油猴脚本没有更新吧。
bladecamper
2015-02-13 15:24:21 +08:00
碉堡了,不过右边怎么没看到快速回复的地方,是必要点链接才行吗
kokdemo
2015-02-13 15:30:35 +08:00
@bladecamper 是的,点击一下帖子列表除了链接之外的地方就行
bladecamper
2015-02-13 15:33:23 +08:00
@kokdemo 我意思右侧快速阅读区没有回复和用户评论,不过似乎不是所有帖子都这样,是为什么?
kokdemo
2015-02-13 15:38:08 +08:00
@bladecamper 请关注一下71楼我的逻辑解释
bladecamper
2015-02-13 15:56:07 +08:00
@kokdemo 懂了,刚才没看到,sorry。
tSQghkfhTtQt9mtd
2015-02-13 17:55:28 +08:00
我这边看来侧边栏退出按钮还是错位,然后就是我发现360极速的滚动条没有了。。
caoyue
2015-02-14 11:13:21 +08:00
GreaseMonkey 版本已更新 到 0.1.3
另外加了一个可以选择 Ajax 还是 iframe 加载的 GreaseMonkey 选项 :)
Pete
2015-02-14 19:43:15 +08:00
在首页 节点选择那里 即第二列 hover的时候背景是白色的 字也是白色的 而且有border-radius
另外这三列的宽度 让我感觉很别扭啊....
lingoys
2015-02-15 13:26:57 +08:00
我觉得好不方便啊0 0
kokdemo
2015-02-15 14:04:31 +08:00
@lingoys 具体是拉你不方便呢?

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

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

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

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

© 2021 V2EX