V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jkjoke
V2EX  ›  分享创造

V2EX 极简自定义 CSS : LIGHTER

  •  4
     
  •   jkjoke · 2015 年 2 月 4 日 · 16647 次点击
    这是一个创建于 4051 天前的主题,其中的信息可能已经有所发展或是发生改变。

    LESS IS MORE


    thanks @yanleijava
    base on https://study.congcong.us/t/167793

    BEFORE:

    BEFORE

    AFTER:

    AFTER

    CODE:


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

    How to use:


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

    setting

    第 1 条附言  ·  2015 年 2 月 4 日
    已开启CDN的HTTPS功能,

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

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

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

    
    第 6 条附言  ·  2015 年 2 月 9 日
    #2015.02.09

    修复一个bug:
    在回复里面看不到感谢数
    第 7 条附言  ·  2016 年 3 月 31 日
    主题已更新,请在设置中加入时间戳以更新 css~~

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

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

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


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

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


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


    这边比别的地方粗。
    yjxjn
        127
    yjxjn  
       2020 年 3 月 18 日   ❤️ 1
    失效了,能更新一下吗?
    d5
        128
    d5  
       2020 年 4 月 7 日
    失效了,能更新一下吗?
    同问~
    jkjoke
        129
    jkjoke  
    OP
       2020 年 4 月 8 日
    @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  
       2025 年 6 月 5 日
    Stylish 插件的应用后, 发现 V2EX 的头像都变扁了
    jkjoke
        131
    jkjoke  
    OP
       2025 年 6 月 7 日
    @FateTrack 时间太久了没有维护了哦,推荐试一下 V2EX Polish 插件
    FateTrack
        132
    FateTrack  
       2025 年 6 月 16 日
    @jkjoke 试了一下还可以, 感谢
    1  2  
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5688 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 09:05 · PVG 17:05 · LAX 02:05 · JFK 05:05
    ♥ Do have faith in what you're doing.