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

v2ex 野鸡主题,加宽内容区

  •  
  •   kylebing ·
    KyleBing · Jun 29, 2023 · 6682 views
    This topic created in 1224 days ago, the information mentioned may be changed or developed.

    一直以来都不知道 设置 里的 自定义 css 是怎么用的,试了下,原来就是覆盖官方样式的。

    所以写了一个样式,放 github 了,以后有时间会根据自己喜好慢慢调整。

    https://github.com/KyleBing/v2ex-css-kylebing

    在改的时候过程中发现 V2EX 的布局都是用的比较原始的布局方式。

    使用方法

    1. 点击右上角的 设置 进入个人设置
    2. 将 v2ex.css 里的内容复制到 自定义 css 输入框中
    3. 保存即可

    image

    Supplement 1  ·  Jun 29, 2023
    • 整体最大宽度调整为 1366
    • Header
      • 搜索框大小,鼠标悬停调整
      • LOGO 位置
      • 布局改为 flex
    • 主内容区
      • 列表适应新宽度调整头像等
    • 评论区
    • 新主题输入框
    • 设置页面 input,textarea
    • 右侧个人资料重新布局
    Screenshot 2023-06-29 at 23 51 21
    26 replies  •  2023-07-02 19:27:46 +08:00
    Kaiv2
    Kaiv2
    Jun 29, 2023
    1
    建议添加下最终效果截图
    edinina
    edinina
    Jun 29, 2023
    2
    正在用着一个,看这名字且没有效果图,不是很敢试
    Livid
    Livid
    MOD
    PRO
    Jun 29, 2023❤️11
    3
    你的感觉是对的。

    「发现 V2EX 的布局都是用的比较原始的布局方式」

    这里的这个模样,我最早写的第一行代码是在 2005 年 9 月……

    最近在一台 PowerMac G4 上用 2005 年的 Mac OS X Tiger 上的 Safari 访问 V2EX ,还是基本能用的。

    minibear2021
    minibear2021
    Jun 29, 2023
    4
    我已经测试过了,非常好,截图就不上了,总之能满屏,不用一大片空白了。
    minibear2021
    minibear2021
    Jun 29, 2023
    5
    @edinina 你可以把你原来的先备份一下嘛
    Livid
    Livid
    MOD
    PRO
    Jun 29, 2023❤️1
    6
    因为那个时期的 Mac OS X 并没有最大化窗口这样的功能,如果按下左上角的绿灯,行为是把窗口调整到正好能容纳下内容。所以我个人的使用习惯一直都没有经历过把窗口最大化用的场景。
    kylebing
    kylebing
    OP
    Jun 29, 2023
    7
    @Livid #3 牛,05 年,快 20 年前了。作为一个论坛类的网站,这个布局是目前见过最好的。干净。
    kylebing
    kylebing
    OP
    Jun 29, 2023
    8
    @Livid #6 其实大约 850px 左右的宽度是最宜阅读的,也就是目前网站的状态。宽了反而看不过来。
    banliyaya
    banliyaya
    Jun 29, 2023
    9
    舒服了,跟现在用的其他插件的样式似乎没有冲突 挺好
    minibear2021
    minibear2021
    Jun 29, 2023
    10
    @kylebing #8 在我的显示器上,内容集中在中间一块,用起来很不爽。不知道和显示器和系统有没有关系,macos+dell 27 寸 4k+edge 。
    dupeng0811
    dupeng0811
    Jun 29, 2023
    11
    不错,舒服了!
    Davic1
    Davic1
    Jun 29, 2023
    13
    非常舒服!
    sickoo
    sickoo
    Jun 29, 2023
    14
    棒!
    jifengg
    jifengg
    Jun 30, 2023
    15
    @Livid 但是,自定义 css 在 ua 是手机的时候貌似不起效果。我喜欢把字体放大。pc 生效,手机不生效
    getcodex
    getcodex
    Jun 30, 2023
    16
    用上了,但是翻页有点问题
    5GA
    5GA
    Jun 30, 2023
    17
    额外问个问题,能用来自定义字体么?要如何写呢?
    kylebing
    kylebing
    OP
    Jun 30, 2023
    19
    @luckykong #17 可以加,在里面添加这一段即可,“宋体”改成自己想要的字体。如:

    * {
    font-family: "宋体" !important;
    }
    kylebing
    kylebing
    OP
    Jun 30, 2023❤️1
    20
    @AtlantaANiu 得把 !important 去掉,不然一些字体符号也没有了。

    * {
    font-family: "宋体";
    }
    5GA
    5GA
    Jun 30, 2023
    21
    @kylebing #20 谢谢!
    zx9481
    zx9481
    Jul 1, 2023
    22
    justfun
    justfun
    Jul 1, 2023
    23
    @import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme/v2ex.css"

    目前使用下来感觉这个主题最好看
    weijancc
    weijancc
    Jul 1, 2023
    24
    @Livid 站长真潮, 05 年就用 apple 产品了
    Lemon305
    Lemon305
    Jul 1, 2023
    25
    楼里几个都试了下,感觉还是原版最好,可能看习惯了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2530 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 14:55 · PVG 22:55 · LAX 06:55 · JFK 09:55
    ♥ Do have faith in what you're doing.