「知乎 Card」—— 为你的知乎换个新样式(2016 10 18)

一直觉得知乎的界面挺的(真的丑,丑出声。。。)
彼时刚学html和css,于是乎想对知乎这个小萝莉动动手脚(图片描述嘿嘿嘿嘿)。既然打算做点什么,先找找前辈的经验借鉴借鉴自然是极好的。
然后通过百度看到了这篇博文 知乎界面改造计划 。我擦!这不就是我要找的东西嘛图片描述!再看博主文章,还有更新版本,还是开源项目,赞图片描述!等等,这是什!么!情!况!图片描述!!目前项目仍处于基本阶段。而且因为本人发烧生病和本身能力有限,无法写出好看漂亮的代码...希望大家见谅了!就这么搁浅了。。。博主你在逗我吗图片描述。。。
看来还是要听毛爷爷的话

自己动手,丰衣足食。

漫长的搬砖就这么开始了。。。
为什么说漫长呢?博主书读的少图片描述,那时js尚不知为何物,甭提上文博主用的高、大、上的jQuery了。所以只能用css一点一点地覆盖样式,各种调整,各种冲突有木有!!真是少壮不努力,恨不相逢未嫁 恨不多读书(厕所在哪!让我先哭一会图片描述)。。。


咳咳,下面开始正文
这个扩展借鉴了知乎圆桌的样式(不明白为什么知乎的界面差异这么大,是改版阻力太大,所以知乎圆桌的界面只是一个试水?),有点类似卡片式风格,姑且叫它”知乎 Card“吧,下面是一些截图:

首页:
首页

话题:
话题

问答:
问答

下面是一些细节:

评论框:
评论框

编辑器:
编辑器

这么直接看细节效果跟实际里差多啦。。。更多的还是大家自己试试看吧。
哦!对了~博主还做了个小弹窗(这个词已经被某些国产软件用坏了=。=)小窗口来控制样式的开关,自从用了这个扩展,博主觉得自己萌萌哒。。。
弹窗

另:由于在chrome应用商店发布扩展手续繁琐(要信用卡云云),加之新版chrome对本地扩展的限制,暂时只能对原版chrome的使用者说抱歉了。

下载 1.3.2 版

下载 1.1.0 版 (密码:40xc)
下载 1.1.1 版
下载 1.1.2 版
下载 1.1.3 版
下载 1.2.0 版


阅读 13.1k

推荐阅读
LinKing
用户专栏

1 人关注
4 篇文章
专栏主页