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

V2EX 极简自定义 CSS : LIGHTER

  •  4
     
  •   jkjoke · 2015-02-04 10:29:40 +08:00 · 14996 次点击
    这是一个创建于 3608 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

    第 1 条附言  ·  2015-02-04 11:55:15 +08:00
    已开启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-02-04 17:19:07 +08:00
    感谢以下几位以及其他朋友的建议和帮助:
    @abelyao @zzutmebwd @kookxiang
    第 3 条附言  ·  2015-02-05 10:08:58 +08:00
    还要感谢 @DearTanker @picasso250

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

    
    第 6 条附言  ·  2015-02-09 10:42:34 +08:00
    #2015.02.09

    修复一个bug:
    在回复里面看不到感谢数
    第 7 条附言  ·  2016-03-31 10:58:00 +08:00
    主题已更新,请在设置中加入时间戳以更新 css~~

    @import url("//jkjoke.b0.upaiyun.com/css/v2ex.css?time=20160331.css");
    129 条回复    2020-04-08 12:55:47 +08:00
    1  2  
    DearTanker
        101
    DearTanker  
       2016-03-30 17:00:56 +08:00
    需要更新了~
    jkjoke
        102
    jkjoke  
    OP
       2016-03-30 17:57:51 +08:00
    @DearTanker 收到
    DearTanker
        103
    DearTanker  
       2016-03-30 18:18:16 +08:00
    @jkjoke 站长更新了 page 导航
    jkjoke
        104
    jkjoke  
    OP
       2016-03-31 10:58:20 +08:00
    @DearTanker

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

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


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

    另外,我觉得列表那边只显示标题稍微空了点。可以调出来吗?
    DearTanker
        122
    DearTanker  
       2016-04-13 14:56:46 +08:00


    日,图片贴错了。
    solaro
        123
    solaro  
       2016-04-13 14:59:07 +08:00
    @DearTanker 层主好人,层主爆照了
    jkjoke
        124
    jkjoke  
    OP
       2016-04-13 15:08:28 +08:00
    J0022ZjV7055oN64
        125
    J0022ZjV7055oN64  
       2017-01-28 19:09:09 +08:00
    能设置帖子高度吗 2k 分辨率下感觉帖子太高了好违和
    DearTanker
        126
    DearTanker  
       2018-02-12 16:42:05 +08:00


    这边比别的地方粗。
    yjxjn
        127
    yjxjn  
       2020-03-18 10:25:36 +08:00   ❤️ 1
    失效了,能更新一下吗?
    d5
        128
    d5  
       2020-04-07 15:38:40 +08:00
    失效了,能更新一下吗?
    同问~
    jkjoke
        129
    jkjoke  
    OP
       2020-04-08 12:55:47 +08:00
    @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
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2820 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 07:39 · PVG 15:39 · LAX 23:39 · JFK 02:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.