使用Firefox改善paidai浏览体验

下面只是根据个人见解所做的一些改动，添加时请先看一下代码注释部分，对所添加代码进一步的了解。
在使用过程中，如果碰到错误，可以临时停止adblock和stylish插件的工作。

发完以后才发现原来paidai还有一个『用户体验 』 版块...劳驾版主转移一下 ^^

演示录像：

http://weiyii.com/Video_2008-10-08_191649.wmv

所需：

1. Firefox
   其他浏览器暂且没有办法。除非有类似stylish功能的插件。
   
2. adblock
   过滤广告和不想显示的内容
3. stylish
   重写paidai的css
4. 浏览器分辨率1024左右（窗口宽度）

adblock部分：

paidai.com/images/advertisement/
paidai.com/images/avatars/
paidai.com/images/emote/
paidai.com/scripts/
paidai.com/themes/default/images/dot_l.gif
paidai.com#div(class=signure)

代码注释：

paidai.com/images/advertisement/
关闭paidai的两条广告。

paidai.com/images/avatars/
关闭头像显示，使看帖页面更清爽，主要多数派友都未设置头像。

paidai.com/images/emote/
关闭表情显示。在阅读文章时，可以更通顺。

paidai.com/scripts/
关闭各种特效，尤其是看帖页面，鼠标经过用户名那，弹出的窗口。
缺点：过滤以后一些功能可能不正常，例如接受好友请求的接受按钮，帖子页面的管理按钮等。
使用这些功能时，可以先关闭adblock插件，再操作。

paidai.com/themes/default/images/dot_l.gif
帖子列表的一个铅笔图标

paidai.com#div(class=signure)
关闭看帖页面用户签名的显示。减少重复信息的阅读。

stylish部分：

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

@-moz-document domain("paidai.com") {
#mainBody .topicContent,#mainBody p,#mainBody .replyContent div{line-height: 26px !important;font-size: 14px !important;}
#mainBody .postOdd{background-color:#F9F9F9 !important;}
#mainBody .postEven{background-color:#F1F1F1 !important;}
#mainBody{background-color:#E8E9ED !important;}
#rightNavMenu{position:fixed !important;width:290px !important;height:100% !important;top:100px;right:0;}
#mainBody{width: 699px !important;}
}

代码注释：

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

@-moz-document domain("paidai.com") {

}
设置此包围的代码在paidai.com所有域下有效

#mainBody .topicContent,#mainBody p,#mainBody .replyContent div{line-height: 26px !important;font-size: 14px !important;}
设置看帖页面的字体大小为14px，段落间距为26px。使文章更易读。

#mainBody .postOdd{background-color:#F9F9F9 !important;}
#mainBody .postEven{background-color:#F1F1F1 !important;}
#mainBody{background-color:#E8E9ED !important;}
设置看帖页面、回复间隔的背景色。改善颜色差异，让眼睛更舒服。

#rightNavMenu{position:fixed !important;width:290px !important;height:100% !important;top:100px;right:0;}
使paidai的右侧成为框架，随着滚动框浮动，改善页面体验。
这样的好处有很多，比如说当有新的通知时，可以很快发现。快速进入各个链接，减少鼠标移动间距等。

#mainBody{width: 699px !important;}
因为上一条的改动，这里需要设置一下宽度，确保页面不变形。

还有一些地方想改动，但是因为限制没有办法。如：

1. 查看帖子时，鼠标放在内容上，就会提示：按住Ctrl键，滚动鼠标滚轮可以放大缩小字体。
2. 编辑器的段落类型如当前状态是标题2，这时候在选择一个内容再设置标题2是无效的，只能设置标题2以外的格式。
3. 过滤掉paidai.com/scripts/后一些功能的缺失和错误。