logo NodeSeekbeta

论坛头像模糊处理,使用论坛CSS设置、扩展Stylus,避免上班时候不敢打开NS

隐藏(半透明)NodeSeek论坛的用户头像,因为有些头像不适合公开展示。
鼠标移动到帖子对应的楼层,头像会恢复原状,移开又会半透明。


方法一:把如下CSS内容,直接放论坛自带的自定义style里就行:
https://www.nodeseek.com/setting#extend

.head-container .avatar,
.avatar-normal {
  opacity: 0.25;
}
.head-container:hover .avatar,
.post-list-item:hover .avatar-normal,
.content-item:hover .avatar-normal,
.user-head:hover .avatar-normal {
  opacity: 1;
}

其中 0.25 这个值可以调整,越小越看不清。

这部分是糊化帖子内容中的图片的,自己看着要不要加:

.post-content img:not(.sticker) {
  opacity: 0.1;
}
.post-content:hover img {
  opacity: 1;
}

方法二:安装浏览器扩展Stylus
Chrome、Edge浏览器,都有这个扩展的。

安装好之后,再打开网页,点击右侧的Install按钮,安装这份CSS
https://userstyles.world/style/30788/hide-needseek-nsfw-avatars

VEgoSt7qE49mnadcEJO9NzPfWOAshSW6.webp

点击右侧 安装样式 按钮

HpuKOrScx7h4fJcd7RuEOxPdFi6vWtMf.webp

12
  • xhj027

  • 好耶

  • 专业

  • 这个好,早点发就好了 ac01

  • 帮顶!

  • @xiaocai #4

    ns这边头像比较小,以为这问题不怎么严重。
    不像之前loc那边,用的discuz用户头像超级大。 xhj007

  • https://www.nodeseek.com/setting#extend
    直接放论坛自带的自定义style里就行

    
    .avatar-normal {
      opacity: 0.25;
    }
    
    .post-list-item:hover .avatar-normal,
    .content-item:hover .avatar-normal,
    .user-head:hover .avatar-normal {
      opacity: 1;
    }
    
    
  • @paff #7

    xhj007 这里也行,就是通过那个网站的话,我后续好添加遗漏的地方,刚还加了一处:个人资料页面的头像 xhj007

  • @paff #7 明顯這麼簡單的事情, 這個才是最優解

  • @vikim #9

    用扩展的话,方便我后续更新,再次进入页面,点一点reinstall就好了。 yct011

12

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有73049位seeker

🎉欢迎新用户🎉