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

v2ex 野鸡主题,加宽内容区

  •  
  •   kylebing ·
    KyleBing · 2023-06-29 15:15:01 +08:00 · 5191 次点击
    这是一个创建于 512 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    使用方法

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

    image

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

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

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

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

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

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

    * {
    font-family: "宋体";
    }
    luckykong
        21
    luckykong  
       2023-06-30 14:00:24 +08:00
    @kylebing #20 谢谢!
    zx9481
        22
    zx9481  
       2023-07-01 08:44:53 +08:00
    justfun
        23
    justfun  
       2023-07-01 13:34:09 +08:00
    @import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme/v2ex.css"

    目前使用下来感觉这个主题最好看
    weijancc
        24
    weijancc  
       2023-07-01 13:56:03 +08:00
    @Livid 站长真潮, 05 年就用 apple 产品了
    Lemon305
        25
    Lemon305  
       2023-07-01 15:10:56 +08:00
    楼里几个都试了下,感觉还是原版最好,可能看习惯了
    jinzhe
        26
    jinzhe  
       2023-07-02 19:27:46 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1241 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 17:52 · PVG 01:52 · LAX 09:52 · JFK 12:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.