V2EX 极简自定义 CSS ： LIGHTER

[jkjoke]

LESS IS MORE

---

thanks @yanleijava
base on http://www.v2ex.com/t/167793

BEFORE:

AFTER:

CODE:

---

@import url("http://jkjoke.b0.upaiyun.com/css/v2ex.css");

How to use：

---

登录后进入设置，找到此处并填入保存设置即可。

已开启CDN的HTTPS功能，

可使用以下代码自适应http/https
```
@import url("//jkjoke.b0.upaiyun.com/css/v2ex.css");
```

或强制使用https：
```
@import url("https://jkjoke.b0.upaiyun.com/css/v2ex.css");
```

感谢以下几位以及其他朋友的建议和帮助：
@abelyao @zzutmebwd @kookxiang

还要感谢 @DearTanker @picasso250

优化了几处地方和首页节点的显示样式
微调了背景颜色，欢迎继续指出问题

今天看到@kamil 的帖子http://www.v2ex.com/t/168669，起了一点灵感，于是把现在的LIGHTER加了自定义背景，微量的透明，菜单栏顶部浮动，隐藏掉底栏。

新的样式命名为MODERN，希望大家喜欢。


@import url("//jkjoke.b0.upaiyun.com/css/modern.css");

body{
background-image: url(http://jkjoke.b0.upaiyun.com/img/v2ex_bg2.jpg);
/*此处自定义背景*/
}
#Bottom{
display:none;
/*隐藏底部栏*/
}
#Top{
position: fixed;
height: 50px;
width: 100%;
z-index: 999;
/*菜单栏顶部浮动*/
}

忘了补上一张效果图，实际用起来感觉还不错



#2015.02.09

修复一个bug：
在回复里面看不到感谢数

主题已更新，请在设置中加入时间戳以更新 css~~

@import url("//jkjoke.b0.upaiyun.com/css/v2ex.css?time=20160331.css");

[DearTanker]

需要更新了~

[jkjoke]

@DearTanker 收到

[DearTanker]

@jkjoke 站长更新了 page 导航

[jkjoke]

@DearTanker

主题已更新，请在设置中加入时间戳以更新 css~~

@import url("//jkjoke.b0.upaiyun.com/css/v2ex.css?time=20160331.css");

[DearTanker]

@jkjoke 酷，感谢~

[DearTanker]

1.帖子详情顶部的头像这样是不是有问题？扁了~


2.设置里面的头像，三个应该由大到小

[jkjoke]

@DearTanker 跟 V2EX 那个插件冲突了，我看看怎么解决

[jkjoke]

@DearTanker OK 了, Ctrl+F5 刷新下~

[DearTanker]

那么，提醒页面的头像就变得太小了

[jkjoke]

@DearTanker 已修正，改的地方有点多，刚才倒没发现

[DearTanker]

@jkjoke 酷，感谢

[hatcloud]

新的样式不支持自定义背景了吗？

[jkjoke]

@hatcloud 这方面应该没有变动

[hatcloud]

@jkjoke 我用的是 modern.css ，似乎没更新

而且这个老的最近出现了重叠的问题，具体如下图所示




BTW ：我的设置是按照你之前给的这个代码设的
@import url("//jkjoke.b0.upaiyun.com/css/modern.css");

body{
background-image: url( http://jkjoke.b0.upaiyun.com/img/v2ex_bg2.jpg);
/*此处自定义背景*/
}
#Bottom{
display:none;
/*隐藏底部栏*/
}
#Top{
position: fixed;
height: 50px;
width: 100%;
z-index: 999;
/*菜单栏顶部浮动*/
}

[jkjoke]

@hatcloud 抱歉更新晚了点，清空下缓存后刷新可以看到效果了

[hatcloud]

@jkjoke 别这么说，本来就是免费使用你费心做出来的东西了。能回复我我已经很感激了。
modern.css 似乎没有修复和 V2EX plus 插件冲突的问题是吧？

[jkjoke]

@hatcloud 谢谢提醒，又忘了

[hatcloud]

@jkjoke 不知道为什么，背景图只有顶部导航栏起作用了
http://hat-picture.qiniudn.com/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85%A7%202016-04-11%20%E4%B8%8B%E5%8D%881.47.40.png

[jkjoke]

@hatcloud CDN 今天更新有点慢，可以先用 modern2.css
@import url("//jkjoke.b0.upaiyun.com/css/modern2.css");

[hatcloud]

@jkjoke 可以了，非常感谢

[DearTanker]

这里貌似错位了。我是 Chrome 。不知道其他人会不会。

另外，我觉得列表那边只显示标题稍微空了点。可以调出来吗？

[DearTanker]

日，图片贴错了。

[solaro]

@DearTanker 层主好人，层主爆照了

[jkjoke]

@DearTanker ok
@solaro ^0^

[J0022ZjV7055oN64]

能设置帖子高度吗 2k 分辨率下感觉帖子太高了好违和

[DearTanker]

这边比别的地方粗。

[yjxjn]

失效了，能更新一下吗？

[d5]

失效了，能更新一下吗？
同问~

[jkjoke]

@d5 建议现在使用外链方式的 v 友，尽量改用插件方式使用主题
*插件注入 css 比直接外链渲染更快，无闪屏的感觉

Stylish 插件： https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe

样式地址：

https://userstyles.org/styles/165971/v2ex

https://userstyles.org/styles/165969/v2ex

[FateTrack]

Stylish 插件的应用后, 发现 V2EX 的头像都变扁了

[jkjoke]

@FateTrack 时间太久了没有维护了哦，推荐试一下 V2EX Polish 插件

[FateTrack]

@jkjoke 试了一下还可以, 感谢