【坑王和他的学生们通力打造】微博净化样式 For Stylish

大家的板块 稻米鼠的频道🐹
, ,
1

最近坑王小老鼠，带着他那些年轻漂亮又可爱的学生们，开始一起做各种小项目玩了。这是一个很好的事情，因为完全随心所欲的不定玩点什么……弄出来的成果很可能就成为了广大网友的福利，所以你们要努力地翘首以盼哦~~

好了，闲话少说，书归正文。上文书我们说到啊……咳咳。应该是上一次新浪微博，惹的小老鼠不开心，所以小老鼠就把它清理了一番，但是只是清理而已，又没有做其他的事情，那么时过境迁，新浪微博的界面也发生了一些变化，过去的一些清理规则，现在可能也没有什么必要了，所以小老鼠就带着学生们重新写了一次这个规则，同时也进行了一点简单的美化，现在把这个成果发布出来供大家使用，转发请注明出处。

效果截图
效果截图1366×639 581 KB

本规则适用于 Stylish 扩展，当前版本：2016-10-17 22:24:02

###Chrome：###

/*
    微博净化器 V1.0
    作者：稻米鼠和他的学生们
    项目开始时间：2016年10月13日 21:31:34
    内容说明：净化肮脏的微博，让垃圾信息见鬼去吧！
*/

/*=============================*/
.WB_global_nav .gn_header {
    width: 1000px;
}
.WB_global_nav .gn_logo {
    width: 200px;
}
/*呕嘎里共，你们就是太年轻，Logo 你不固定住，他就能不定变成个什么，到时候吓你一大跳不负责！*/
.WB_global_nav .gn_logo .box .logo {
    display: block;
    margin-left: 50px;
    width: 200px;
    height: 48px;
    cursor: pointer;
    background: url("http://img.t.sinajs.cn/t6/style/images/global_nav/WB_logo.png?id=1404211047727")  no-repeat 0 40%;
}
/*微博顶部导航，其实一毛钱用也没有*/
.WB_global_nav .gn_nav {
    display: none;
}
/*这个是搜索框的总宽度*/
.WB_global_nav_v2 .gn_search_v2 {
    width: 600px;
}
/*这个是里面输入部分的宽度，就是上面的值减去 43*/
.WB_global_nav_v2 .gn_search_v2 .W_input {
    width: 557px;
}
/*搜索框的提示文字，本宝宝不看不看的啊*/
.WB_global_nav_v2 .gn_search_v2 .placeholder {
    display: none;
}
/*=============================*/
/*右侧栏（.WB_main_r）内的所有直接子元素，隐藏*/
.WB_main_r > * {
    display: none;
}
/*个人信息部分（属于右侧栏，所以已经被上一条规则隐藏），再显示出来*/
#v6_pl_rightmod_myinfo {
    display: block;
}
/*将皮肤设置的按钮显示出来*/
#v6_pl_content_setskin {
    display: block;
}
/*微博信息流与右边栏共同宽度*/
.WB_frame #plc_main {
    width: 800px;
}
/*微博信息流右侧外补去掉*/
.B_discover .WB_frame_c, .WB_main_c {
    margin-right: 0;
}
/*左侧边栏宽度修改，并空出上部空间*/
.WB_main_l {
    width: 200px;
    margin-top: 173px;
}
/*左侧导航内容宽度，比上面少 10px 是与信息流之间的间隔*/
.WB_left_nav {
    width: 190px;
}
/*隐藏左侧栏的热门微博导航项*/
#v6_pl_leftnav_group .WB_left_nav.WB_left_nav_Atest > div.lev_line.lev_line_v2,
#v6_pl_leftnav_group .WB_left_nav.WB_left_nav_Atest > div:nth-child(5) {
    display: none;
}
/*左侧栏分组设置按钮位置*/
.WB_left_nav .lev_line fieldset {
    padding: 0 0 0 170px;
}
/*将右侧栏定位到左侧顶部空白位置*/
.WB_main_r {
    width: 190px;
    margin-right: 0;
    left: -800px;
}
/*去掉个人信息数字区域左右两侧内补*/
.W_person_info .WB_innerwrap {
    padding: 16px 0 9px;
}
/*设置每个数字区域的宽度，以前居然是固定数值，不科学*/
.user_atten li {
    width: 62.5px;
}
/*去掉个人信息中的会员图标，我不买，我不看，灰了吧唧像是骷髅头*/
#v6_pl_rightmod_myinfo .WB_innerwrap > div > a:nth-child(2) {
    display: none;
}
/*=============================*/
/*微博发布框右上角的热门微博，见缝插针的经典案例*/
.send_weibo .key {
    display: none;
}
/*发布框下方横幅广告*/
#v6_pl_content_biztips {
    display: none;
}
/*=============================*/
/*隐藏信息流里面每条微博的信息（名字以及后面的小图标）*/
.WB_info > a {
    display: none;
}
/*再将名字显示出来*/
.WB_info > .W_f14,
.WB_info > .W_fb,
.WB_info > .S_txt1 {
    display: inline;
}
/*再将 V 认证标志显示出来*/
.WB_info > a[suda-data="key=pc_apply_entry&value=feed_icon"] {
    display: inline;
}
/*再将又漏网出来的微博达人隐藏回去*/
.WB_info > a[href="http://club.weibo.com/intro"] {
    display: none;
}
/*微博封面，就是每条微博右上角的小图片 的链接*/
.WB_feed_v3 .WB_vipcover {
    display: none;
}
/*微博封面，就是每条微博右上角的小图片*/
.WB_feed_v3 .WB_feed_detail {
    background-image: none !important;
}
/*过滤掉信息流里面的广告信息*/
.WB_feed .WB_cardwrap[feedtype="ad"] {
    display: none;
}
/*=============================*/
/*页尾广告条，居然用的框架，垃圾！*/
.WB_frame_bottom {
    display: none;
}
/*去除主体部分背景色，因为宽度和我们现有的内容宽度不符*/
.WB_frame {
    background: none;
}
/*返回顶部按钮的位置*/
.W_gotop {
    margin-left: 310px;
    bottom: 0 !important;
}
/*右下角的快讯*/
.webim_news {
    display: none;
}

###Firefox：###

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("weibo.com") {
    /*
        微博净化器 V1.0
        作者：稻米鼠和他的学生们
        项目开始时间：2016年10月13日 21:31:34
        内容说明：净化肮脏的微博，让垃圾信息见鬼去吧！
    */

    /*=============================*/
    .WB_global_nav .gn_header {
        width: 1000px;
    }
    .WB_global_nav .gn_logo {
        width: 200px;
    }
    /*呕嘎里共，你们就是太年轻，Logo 你不固定住，他就能不定变成个什么，到时候吓你一大跳不负责！*/
    .WB_global_nav .gn_logo .box .logo {
        display: block;
        margin-left: 50px;
        width: 200px;
        height: 48px;
        cursor: pointer;
        background: url("http://img.t.sinajs.cn/t6/style/images/global_nav/WB_logo.png?id=1404211047727")  no-repeat 0 40%;
    }
    /*微博顶部导航，其实一毛钱用也没有*/
    .WB_global_nav .gn_nav {
        display: none;
    }
    /*这个是搜索框的总宽度*/
    .WB_global_nav_v2 .gn_search_v2 {
        width: 600px;
    }
    /*这个是里面输入部分的宽度，就是上面的值减去 43*/
    .WB_global_nav_v2 .gn_search_v2 .W_input {
        width: 557px;
    }
    /*搜索框的提示文字，本宝宝不看不看的啊*/
    .WB_global_nav_v2 .gn_search_v2 .placeholder {
        display: none;
    }
    /*=============================*/
    /*右侧栏（.WB_main_r）内的所有直接子元素，隐藏*/
    .WB_main_r > * {
        display: none;
    }
    /*个人信息部分（属于右侧栏，所以已经被上一条规则隐藏），再显示出来*/
    #v6_pl_rightmod_myinfo {
        display: block;
    }
    /*将皮肤设置的按钮显示出来*/
    #v6_pl_content_setskin {
        display: block;
    }
    /*微博信息流与右边栏共同宽度*/
    .WB_frame #plc_main {
        width: 800px;
    }
    /*微博信息流右侧外补去掉*/
    .B_discover .WB_frame_c, .WB_main_c {
        margin-right: 0;
    }
    /*左侧边栏宽度修改，并空出上部空间*/
    .WB_main_l {
        width: 200px;
        margin-top: 173px;
    }
    /*左侧导航内容宽度，比上面少 10px 是与信息流之间的间隔*/
    .WB_left_nav {
        width: 190px;
    }
    /*隐藏左侧栏的热门微博导航项*/
    #v6_pl_leftnav_group .WB_left_nav.WB_left_nav_Atest > div.lev_line.lev_line_v2,
    #v6_pl_leftnav_group .WB_left_nav.WB_left_nav_Atest > div:nth-child(5) {
        display: none;
    }
    /*左侧栏分组设置按钮位置*/
    .WB_left_nav .lev_line fieldset {
        padding: 0 0 0 170px;
    }
    /*将右侧栏定位到左侧顶部空白位置*/
    .WB_main_r {
        width: 190px;
        margin-right: 0;
        left: -800px;
    }
    /*去掉个人信息数字区域左右两侧内补*/
    .W_person_info .WB_innerwrap {
        padding: 16px 0 9px;
    }
    /*设置每个数字区域的宽度，以前居然是固定数值，不科学*/
    .user_atten li {
        width: 62.5px;
    }
    /*去掉个人信息中的会员图标，我不买，我不看，灰了吧唧像是骷髅头*/
    #v6_pl_rightmod_myinfo .WB_innerwrap > div > a:nth-child(2) {
        display: none;
    }
    /*=============================*/
    /*微博发布框右上角的热门微博，见缝插针的经典案例*/
    .send_weibo .key {
        display: none;
    }
    /*发布框下方横幅广告*/
    #v6_pl_content_biztips {
        display: none;
    }
    /*=============================*/
    /*隐藏信息流里面每条微博的信息（名字以及后面的小图标）*/
    .WB_info > a {
        display: none;
    }
    /*再将名字显示出来*/
    .WB_info > .W_f14,
    .WB_info > .W_fb,
    .WB_info > .S_txt1 {
        display: inline;
    }
    /*再将 V 认证标志显示出来*/
    .WB_info > a[suda-data="key=pc_apply_entry&value=feed_icon"] {
        display: inline;
    }
    /*再将又漏网出来的微博达人隐藏回去*/
    .WB_info > a[href="http://club.weibo.com/intro"] {
        display: none;
    }
    /*微博封面，就是每条微博右上角的小图片 的链接*/
    .WB_feed_v3 .WB_vipcover {
        display: none;
    }
    /*微博封面，就是每条微博右上角的小图片*/
    .WB_feed_v3 .WB_feed_detail {
        background-image: none !important;
    }
    /*过滤掉信息流里面的广告信息*/
    .WB_feed .WB_cardwrap[feedtype="ad"] {
        display: none;
    }
    /*=============================*/
    /*页尾广告条，居然用的框架，垃圾！*/
    .WB_frame_bottom {
        display: none;
    }
    /*去除主体部分背景色，因为宽度和我们现有的内容宽度不符*/
    .WB_frame {
        background: none;
    }
    /*返回顶部按钮的位置*/
    .W_gotop {
        margin-left: 310px;
        bottom: 0 !important;
    }
    /*右下角的快讯*/
    .webim_news {
        display: none;
    }
}

这次的规则写得比较细致，也没有进行各种合并，非常适合前端新手用来学习，也非常方便大家按照自己的需求进行各种修改。希望大家能够给点支持，比如说偷偷点个赞什么的

2

感觉还是挺 亦可赛艇 的，不过注释里面这么随性好吗？

4

微博还是V5版时耍过，为此还学了点CSS，边学边折腾:joy:
大概花了半个月时间弄了个ver0.9（懒癌发作
弄好没多久渣浪就升级了广告推送。。。
再多一段时间渣浪改了dom，style不怎么适用了
而且微博WEB越来越臃肿
所以最后直接改用 https://m.weibo.cn

作品地址： stylebot.me
详细介绍： http://blog.sina.com.cn/s/blog_72f9282201017x2l.html （差点忘了这玩意
预览：

作品成品效果图.jpg1024×640 132 KB

1 个赞
9

用习惯这个了，虽然现在很少在网页端耍微博了。https://userstyles.org/styles/106272/weibo-v6

3

注释不就是吐槽的别名吗？

6

独挖坑不如一起挖坑:sweat_smile:

不过现在搞微博style还真不如 世界之窗6(小窗口)开微博触屏版
渣浪每次弄出什么乱七八糟的新功能总是第一时间落到PC版
触屏版都成了渣浪最后的良心

TW6：免安装+秒开+鼠标手势
触屏版：干净+载入快+自带鼠标拖曳换图
TW6设好主页，调好窗口大小， 再在Custom.css里去掉右侧滚动条
稍微折腾下就是一个简单的微博客户端

8

要不我们一起来看推吧，虽然推感觉要被微博收购了…

5

对于你明目张胆砸场子的行为……

本宝宝表示十分的欢迎啊！

7

其实近期我感到的问题是，这一切都没有用的，微博，本身输出的信息流就已经十分肮脏了，虽然我可以清洗掉各种垃圾信息，但是实在管不了他乱输出信息，强制给你看几天前的时间线，这事儿你没辙，强制省略掉一部分微博不给你看，你也没辙。我现在登录微博的意义只有两个，第一是看新闻，真的比其他渠道要快，第二个是我长期不上会自动变成僵尸粉，没有什么杜绝的办法。