爱意满满的作品展示区。
jkjoke

V2EX 极简自定义 CSS : LIGHTER

  •  4
     
  •   jkjoke · Feb 4, 2015 · 18143 views
    This topic created in 4291 days ago, the information mentioned may be changed or developed.

    LESS IS MORE


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

    BEFORE:

    BEFORE

    AFTER:

    AFTER

    CODE:


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

    How to use:


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

    setting

    Supplement 1  ·  Feb 4, 2015
    已开启CDN的HTTPS功能,

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

    或强制使用https:
    ```
    @import url("https://jkjoke.b0.upaiyun.com/css/v2ex.css");
    ```
    Supplement 2  ·  Feb 4, 2015
    感谢以下几位以及其他朋友的建议和帮助:
    @abelyao @zzutmebwd @kookxiang
    Supplement 3  ·  Feb 5, 2015
    还要感谢 @DearTanker @picasso250

    优化了几处地方和首页节点的显示样式
    微调了背景颜色,欢迎继续指出问题
    Supplement 4  ·  Feb 6, 2015
    今天看到@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;
    /*菜单栏顶部浮动*/
    }
    Supplement 5  ·  Feb 6, 2015
    忘了补上一张效果图,实际用起来感觉还不错

    
    Supplement 6  ·  Feb 9, 2015
    #2015.02.09

    修复一个bug:
    在回复里面看不到感谢数
    Supplement 7  ·  Mar 31, 2016
    主题已更新,请在设置中加入时间戳以更新 css~~

    @import url("//jkjoke.b0.upaiyun.com/css/v2ex.css?time=20160331.css");
    132 replies  •  2025-06-16 15:41:57 +08:00
    1  2  
    ❮ ❯
    DearTanker
    DearTanker
    Mar 30, 2016
    101
    需要更新了~
    jkjoke
    jkjoke
    OP
    Mar 30, 2016
    102
    @DearTanker 收到
    DearTanker
    DearTanker
    Mar 30, 2016
    103
    @jkjoke 站长更新了 page 导航
    jkjoke
    jkjoke
    OP
    Mar 31, 2016
    104
    @DearTanker

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

    @import url("//jkjoke.b0.upaiyun.com/css/v2ex.css?time=20160331.css");
    DearTanker
    DearTanker
    Mar 31, 2016
    105
    @jkjoke 酷,感谢~
    DearTanker
    DearTanker
    Mar 31, 2016
    106
    1.帖子详情顶部的头像这样是不是有问题?扁了~


    2.设置里面的头像,三个应该由大到小
    jkjoke
    jkjoke
    OP
    Mar 31, 2016
    107
    @DearTanker 跟 V2EX 那个插件冲突了,我看看怎么解决
    jkjoke
    jkjoke
    OP
    Mar 31, 2016
    108
    @DearTanker OK 了, Ctrl+F5 刷新下~
    DearTanker
    DearTanker
    Mar 31, 2016
    109
    那么,提醒页面的头像就变得太小了
    jkjoke
    jkjoke
    OP
    Mar 31, 2016❤️1
    110
    @DearTanker 已修正,改的地方有点多,刚才倒没发现
    DearTanker
    DearTanker
    Mar 31, 2016
    111
    @jkjoke 酷,感谢
    hatcloud
    hatcloud
    Apr 7, 2016
    112
    新的样式不支持自定义背景了吗?
    jkjoke
    jkjoke
    OP
    Apr 7, 2016
    113
    @hatcloud 这方面应该没有变动
    hatcloud
    hatcloud
    Apr 8, 2016
    114
    @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
    jkjoke
    OP
    Apr 11, 2016❤️1
    115
    @hatcloud 抱歉更新晚了点,清空下缓存后刷新可以看到效果了
    hatcloud
    hatcloud
    Apr 11, 2016
    116
    @jkjoke 别这么说,本来就是免费使用你费心做出来的东西了。能回复我我已经很感激了。
    modern.css 似乎没有修复和 V2EX plus 插件冲突的问题是吧?
    jkjoke
    jkjoke
    OP
    Apr 11, 2016
    117
    @hatcloud 谢谢提醒,又忘了
    hatcloud
    hatcloud
    Apr 11, 2016
    118
    jkjoke
    jkjoke
    OP
    Apr 11, 2016
    119
    @hatcloud CDN 今天更新有点慢,可以先用 modern2.css
    @import url("//jkjoke.b0.upaiyun.com/css/modern2.css");
    hatcloud
    hatcloud
    Apr 11, 2016
    120
    @jkjoke 可以了,非常感谢
    DearTanker
    DearTanker
    Apr 13, 2016❤️1
    121
    这里貌似错位了。我是 Chrome 。不知道其他人会不会。

    另外,我觉得列表那边只显示标题稍微空了点。可以调出来吗?
    DearTanker
    DearTanker
    Apr 13, 2016
    122


    日,图片贴错了。
    solaro
    solaro
    Apr 13, 2016
    123
    @DearTanker 层主好人,层主爆照了
    jkjoke
    jkjoke
    OP
    Apr 13, 2016
    124
    J0022ZjV7055oN64
    J0022ZjV7055oN64
    Jan 28, 2017
    125
    能设置帖子高度吗 2k 分辨率下感觉帖子太高了好违和
    DearTanker
    DearTanker
    Feb 12, 2018
    126


    这边比别的地方粗。
    yjxjn
    yjxjn
    Mar 18, 2020❤️1
    127
    失效了,能更新一下吗?
    d5
    d5
    Apr 7, 2020
    128
    失效了,能更新一下吗?
    同问~
    jkjoke
    jkjoke
    OP
    Apr 8, 2020
    129
    @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
    FateTrack
    Jun 5, 2025
    130
    Stylish 插件的应用后, 发现 V2EX 的头像都变扁了
    jkjoke
    jkjoke
    OP
    Jun 7, 2025
    131
    @FateTrack 时间太久了没有维护了哦,推荐试一下 V2EX Polish 插件
    FateTrack
    FateTrack
    Jun 16, 2025
    132
    @jkjoke 试了一下还可以, 感谢
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1610 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 18:06 · PVG 02:06 · LAX 10:06 · JFK 13:06
    ♥ Do have faith in what you're doing.