caoglish 发表于 4-2-2010 18:06:14

firefox用stylish打造干净版网页

firefox有一个叫做stylish的扩展,允许用户重新编译css的风格,一般用于美化网页,我用于净化网页。使用stylish净化网页,必须要有一些html+css的基础知识,然后使用firefox中的webdeveloper和firebug来分析网站,然后达到净化网站的目的。一般思想就是指显示目标部分,隐藏其他部分。以下是我净化网页的结果。

著名的6park


滴答网站原版


滴答网净化版



-------------------------------------
代码分析@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://bbs.tigtag.com/forum-3-1.html") {
body {
visibility:hidden;

}

#container {
}

#forum_3 {
    visibility:visible;
    position:absolute;
    top:60px;
    left:0px;

}

.place980{
    visibility:visible;
    position:absolute;
    top:30px;
}
.pages {
    visibility:visible;
    position:absolute;
    top:0px;

}

}这段代码是tigtag网的。关键代码是“visibility:visible;”“visibility:hidden;” 。

“visibility:hidden;”将body里面所有部分统统隐藏。
然后将目标部分用“visibility:visible;”统统显示。用firebug和webdeveloper分析出,论坛主讨论部分的id是#forum_3,分页导航的类型.pages以及,以及页面导航的按钮为.place980。所以这3个目标部分统统显示,然后用css语法将这3个部分位置重新安排一下,就成了上面净化的页面了。


---------------------------
6park的stylish的代码:@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.6park.com/") {
body{
    visibility:hidden;
    background-color:#b0c4de;
}

table {
display:block;
height:0;

}


#parknews,.td5{
   visibility:visible;
    background-color:#b0c4de;
    background-color:#E5EECC;
    border:1px solid #666666;
    color:#000000;
}
}同样,先用“visibility:hidden;”将所有的部分都隐藏以来
然后用firebug和webdeveloper分析出我们经常看的部分的位置,位置id为#parknews和类型.td5,将这个部分用“visibility:visible;”显示就可以了,其他的代码只是排版代码。

--------------------
如此一般,整个网站就清静了,哈哈

[ 本帖最后由 caoglish 于 4-2-2010 18:24 编辑 ]

zycbob 发表于 4-2-2010 20:39:13

hh呵呵
hh呵呵

四香油饼 发表于 5-2-2010 00:10:10

强,你应该贴到他们网站去

周星星1832 发表于 5-2-2010 08:57:40

给6park和滴答做广告?:lol :lol :lol :lol

yuba 发表于 5-2-2010 10:03:02

挺不错的功能

网站也是一个程序,应该松耦合,爱看内容的只看内容就好了

惨的是站长们,只能收到显示(虽然没有显示出来)广告的钱,不能收到点击广告的钱了

更惨的是广告主们,广告投放了,根本没有显示出来

caoglish 发表于 5-2-2010 12:55:24

原帖由 lufumin1832 于 5-2-2010 08:57 发表 http://www.freeoz.org/bbs/images/common/back.gif
给6park和滴答做广告?:lol :lol :lol :lol

这两个网站还需要我在那么偏僻的技术版做广告吗?来澳洲的基本上都知道这些网站吧:L

经常上这两个网站,但被它们的冗余信息折磨死了,所以想了很多办法让这两个网站既能看,有能让自己清静。

如果每个网站都能像freeoz那么清爽,我才不会想办法净化网页呢。

原帖由 四香油饼 于 5-2-2010 00:10 发表 http://www.freeoz.org/bbs/images/common/back.gif
强,你应该贴到他们网站去

哈哈,滴答网好像没有技术论坛,6park从来只看帖子不回贴,没有注册号码。怎么贴过去呀。而国内,6park属于被封杀对象。

ubuntuhk 发表于 5-2-2010 13:40:41

回复 #6 caoglish 的帖子

;P ;P :good :good

caoglish 发表于 10-2-2010 13:55:46

多谢捧场。哈哈
:loveliness: :loveliness:

澳洲三宝 发表于 8-3-2010 13:57:49

能不能提供此类商业服务,相信很多网民有此需求。我用firefox adblock插件,没有像搂主那样赶尽杀绝,但还是很满意。

[ 本帖最后由 澳洲三宝 于 8-3-2010 14:00 编辑 ]
页: [1]
查看完整版本: firefox用stylish打造干净版网页