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

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

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

本规则适用于 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;
    }
}

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

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

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

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

1 个赞

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

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

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

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

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

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

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

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

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