V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
探索世界的好奇心万岁
lawsiki
V2EX  ›  分享发现

分享一款自用的 V2EX 仿微信风格 CSS

  •  
  •   lawsiki · 96 天前 · 5448 次点击
    这是一个创建于 96 天前的主题,其中的信息可能已经有所发展或是发生改变。

    学习 CSS 顺便拿 V 站练练手。

    全部基于 V2 自身的 css 调整,理论上支持大部分插件,最后两张图是使用了插件后的效果。

    使用方法:在 V2 的设置里开启自定义 CSS 后,将 css 文件内容粘贴进去保存即可。

    https://github.com/CrazyMelody/v2ex_style

    第 1 条附言  ·  95 天前
    为了清爽效果,楼层、回复按钮、感谢按钮是在鼠标悬浮到对应的楼层才显示,不过忘记 push 代码了...现已更新
    第 2 条附言  ·  95 天前
    64 条回复    2022-05-14 21:10:22 +08:00
    ASHYWHISPER
        1
    ASHYWHISPER  
       96 天前   ❤️ 1
    很好用,谢谢楼主
    Zoulan
        2
    Zoulan  
       96 天前
    不错 感谢!
    jonathanchoo
        3
    jonathanchoo  
       96 天前
    不适配夜间模式。。
    cwcc
        4
    cwcc  
       96 天前
    很好用,感谢楼主!但是感谢和隐藏按钮不见了,以及不知道怎么回复。
    947
        5
    947  
       96 天前   ❤️ 1
    用上了,感谢,但是缺失了一些功能,希望可以修复
    MemoryCorner
        6
    MemoryCorner  
       96 天前
    在用了,还不错
    shmilypeter
        7
    shmilypeter  
       96 天前
    楼主功底不错的
    istevenshen
        8
    istevenshen  
       96 天前
    不错,已经用上~
    youngce
        9
    youngce  
       96 天前
    666 ,好用好用,一下子进入次世代界面,不再是古早风了
    cusuanan
        10
    cusuanan  
       96 天前
    可以叫做 微信群聊风。哈哈,v 友成群友了。
    frankkly
        11
    frankkly  
       96 天前
    @youngce 我试一下回复的效果
    cusuanan
        12
    cusuanan  
       96 天前
    我这般不能显示缩进
    KepaThings
        13
    KepaThings  
       96 天前
    可以
    blockmin
        14
    blockmin  
       96 天前
    试了一下,还是更喜欢极简扁平风,就是需要装插件
    azhangbing
        15
    azhangbing  
       96 天前
    喜欢喜欢 不错!
    JimmyLX
        16
    JimmyLX  
       96 天前
    这样摸鱼更明显了 狗头
    gbqqaybc
        17
    gbqqaybc  
       96 天前
    牛逼啊老哥,还挺好看的,非常感谢!
    alike19
        18
    alike19  
       96 天前
    牛逼 挺好看的 眼看再用了 非常感谢感谢
    a570295535
        19
    a570295535  
       96 天前
    不要黑,自己减轻了一点:
    a:link{color:#333333 !important;}.box{background:#fff !important;}.reply-box-sticky{position:relative;}#undock-button{display:none !important;}
    h1{color:#000;}.topic_content,.reply_content{color:#000;}

    div#Top{backdrop-filter:blur(20px);background-color:rgb(0 0 0 / 10%);box-shadow:0px 10px 10px 0px rgb(0 0 0 / 10%);}
    .reply_content{font-size:14px;line-height:1.6;color:var(--box-foreground-color);word-break:break-word;background-color:white;border-radius:4px;padding:7px;position:relative;width:fit-content;}
    .reply_content:before{content:"";width:0px;height:0px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ffffff;position:absolute;top:5px;left:-4px;display:block;}
    .cell{padding:10px;font-size:14px;line-height:150%;text-align:left;border-bottom:0px solid var(--box-border-color);background-color:#F3F3F3;}
    #Wrapper{background-image:url(//res.wx.qq.com/t/wx_fed/webwx/res/static/img/2zrdI1g.jpg) !important;background-size:cover;}
    ClarkAbe
        20
    ClarkAbe  
       96 天前
    好像没兼容 v2 的黑暗模式,先亮色将就吧
    l1ve
        21
    l1ve  
       96 天前
    顶部的毛玻璃。
    爷青回!
    codeCheng
        22
    codeCheng  
       96 天前
    已用,好看
    mokeyjay
        23
    mokeyjay  
       96 天前
    不错,挺好看的
    建议上架到 https://userstyles.org/
    yuzo555
        24
    yuzo555  
       96 天前
    如果能识别自己,把自己的发言变绿就不错了。不知道 V2EX 有没有留这个区别
    mikeven
        25
    mikeven  
       96 天前
    好像不能使用感谢功能了?
    smilestar
        26
    smilestar  
       96 天前
    很棒
    Showfom
        27
    Showfom  
       96 天前
    试了试,还不支持暗黑配色,然后回复按钮没了= =
    codeCheng
        28
    codeCheng  
       96 天前
    好像不显示楼数
    id7368
        29
    id7368  
       96 天前
    哈哈哈哈,就是好像没法显示楼层了
    maemolee
        30
    maemolee  
       96 天前
    好看!不过问题就是不能显示楼层了,也没法回复别人了
    Godykc
        31
    Godykc  
       96 天前
    饼神🐮🍺
    lawsiki
        32
    lawsiki  
    OP
       95 天前
    @cwcc #4
    @947 #5
    @mikeven #25
    @Showfom #27
    @codeCheng #28
    @id7368 #29
    @maemolee #30

    为了清爽一点,一些按钮是鼠标放到对应楼层才显示,不过忘记 push 相关代码了😅,现已更新
    lawsiki
        33
    lawsiki  
    OP
       95 天前
    @cusuanan #12 楼中楼缩进是插件的效果
    lawsiki
        34
    lawsiki  
    OP
       95 天前
    @shmilypeter #7 全靠 Google 😅,都没什么代码规范
    lawsiki
        35
    lawsiki  
    OP
       95 天前
    @l1ve #21 一直对毛玻璃情有独钟 🐶
    lawsiki
        36
    lawsiki  
    OP
       95 天前
    @yuzo555 #24 想过这个效果,不过需要脚本支持,V2 没对自己发言的节点做标识,所以单靠 css 做不到这种效果
    lawsiki
        37
    lawsiki  
    OP
       95 天前
    @jonathanchoo #3 因为基本没用过暗黑模式,所以暂时没考虑到😅
    lawsiki
        38
    lawsiki  
    OP
       95 天前
    @Godykc #31 🐶
    prarpss
        39
    prarpss  
       95 天前
    不至于 不至于...我都把微信注销了
    lawsiki
        40
    lawsiki  
    OP
       95 天前
    bs10081
        41
    bs10081  
       95 天前
    感謝感謝,非常好看,甚至感覺比微信本身都好看,哈哈哈🤣
    rttds
        42
    rttds  
       95 天前
    已安装 哈哈
    isb
        43
    isb  
       95 天前
    <div class="fr topic_stats" style="padding-top: 4px;">2855 次点击 &nbsp;∙&nbsp; 51 人收藏 &nbsp; ∙&nbsp; 17 人感谢 &nbsp; </div>

    这一段 css 被隐藏了好像

    感谢 收藏 和 主题 tag 这块都被隐藏了 display 是 none
    KleinP
        44
    KleinP  
       95 天前
    感谢,已经用上了
    lawsiki
        45
    lawsiki  
    OP
       95 天前
    @isb 因为对我感觉没啥用,隐藏掉看着更舒服😅
    947
        46
    947  
       95 天前
    @lawsiki 很棒,更新了,感谢
    pcitme
        47
    pcitme  
       95 天前
    牛鼻 感谢大佬
    jiafb33
        48
    jiafb33  
       95 天前
    牛楼主牛
    815979670
        49
    815979670  
       95 天前
    风格很不错 喜欢
    EricTing
        50
    EricTing  
       95 天前
    很不错,感谢!
    recosong
        51
    recosong  
       95 天前
    用上了 有意思 谢谢楼主
    Krime
        52
    Krime  
       95 天前
    挺好玩的,用几天试试,感谢楼主~
    vvjyun318
        53
    vvjyun318  
       94 天前
    @lawsiki 会不会被腾讯微信告侵权?
    szqhades
        54
    szqhades  
       94 天前
    图片没有自适应哦,会被放得很大。
    jiobanma
        55
    jiobanma  
       94 天前
    safari 可以用吗
    jiobanma
        56
    jiobanma  
       94 天前
    @jiobanma 没注意看 op 介绍 safari 可以 感谢
    bsulike
        57
    bsulike  
       94 天前
    试了一下,挺好看的
    ikvn
        58
    ikvn  
       94 天前
    很好用,多谢楼主!
    lawsiki
        59
    lawsiki  
    OP
       94 天前
    @vvjyun318 不至于不至于。。。。。
    Kazetachinu
        60
    Kazetachinu  
       92 天前
    那能不能也上架 油猴呢? 哈哈 那样就不用再装 Stylish 了
    lawsiki
        61
    lawsiki  
    OP
       90 天前
    @Kazetachinu 所以可以直接用 V 站自带的 CSS 效果😄
    mabutou
        62
    mabutou  
       90 天前
    v 站自定义 CSS 设置里可以直接填 jsdelivr 的 cdn 地址:
    @import "https://cdn.jsdelivr.net/gh/CrazyMelody/v2ex_style/wechat.css";
    Kazetachinu
        63
    Kazetachinu  
       89 天前
    @lawsiki 自己的头像,怎么是扁的? edge
    Kazetachinu
        64
    Kazetachinu  
       89 天前
    @Kazetachinu
    @lawsiki
    刚才说错了。。。。是在 edge ,用的 stylus 插件,是不起作用的。
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2804 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 14:19 · PVG 22:19 · LAX 07:19 · JFK 10:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.