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

V2EX 极简自定义 CSS : LIGHTER

  •  4
     
  •   jkjoke · Feb 4, 2015 · 17479 views
    This topic created in 4196 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
        101
    DearTanker  
       Mar 30, 2016
    需要更新了~
    jkjoke
        102
    jkjoke  
    OP
       Mar 30, 2016
    @DearTanker 收到
    DearTanker
        103
    DearTanker  
       Mar 30, 2016
    @jkjoke 站长更新了 page 导航
    jkjoke
        104
    jkjoke  
    OP
       Mar 31, 2016
    @DearTanker

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

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


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

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


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


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