[原创发布] GMAIL去广告STYLISH脚本(2009-4-10更新)

ytzong

2009-4-10更新：
修复不能多附件批量上传的问题（GMAIL BUG）
参考：http://userscripts.org/scripts/show/46260
2009-3-15更新：
更改聊天、邀请的隐藏方式，防止和labs冲突（试验中，欢迎反馈BUG）
2009-3-13更新：
修复展开收件人详细信息时右侧边框过大的BUG
2009-3-8更新：
1.加大正文字体为14px,加大行高为1.5
2.隐藏左侧聊天
2009-3-7更新：
修复邮件新窗口打开正文显示不出来的BUG
2009-3-6更新：
1.将读信页右侧快捷操作位置放到邮件与搜索栏之间靠右的位置
2.隐藏左侧邀请
2009-3-5更新：
去除读信页右侧广告


[/url]
安装地址：[url=http://userstyles.org/styles/15631]http://userstyles.org/styles/15631
源码分析：http://ytzong.blogspot.com/2009/03/stylishgmail.html

源码分析：
Gmail的HTML写的非常之“变态”且没有语义，导致我的选择器也跟着一起“变态”，⊙﹏⊙b汗~~
我们首先来看下Gmail左侧导航的HTML结构（为了方便，将注释写在了title属性中）：
<div class="nH nn" style="width:155px;">
   <div class="nH">
       <div class="nH pz pA pX" title="撰写邮件" />
       <div class="nH pp" title="收件箱等" />
       <div class="nH pp ps" style="-moz-user-select:none;" title="标签" />
       <div class="nH pp ps" style="" title="聊天" />
       <div class="nH pp ps" title="邀请" />
   </div>
</div>
隐藏聊天：
.nH.pz.pA.pX + div + div + div{display: none !important;}
以撰写邮件为基准点，向下查找同级第三个div，将其隐藏。
这里的要点是相邻同胞选择器“+”
隐藏邀请同理。
读信页面的HTML结构如下：
<table cellpadding="0" class="T1HY1 nH iY">
<tr>
    <td class="tELAdc" title="邮件正文"></td>
    <td class="tELAdc" title="间距空白"></td>
    <td class="tELAdc" title="广告单元格">
        <div style="width: 0px;"
class="VB6tt" />
           <div style="width:
189px;" class="nH">               
<div class="nH">                  
<div class="nH" title="快捷操作" />                  
<div class="nH" title="广告" />                  
<div class="nH u8" title="关于这些链接" />               
</div>
        </div>
    </td>
</tr>
</table>
去广告：
table.T1HY1.nH.iY td.tELAdc:last-child .VB6tt + div > div:first-child > div:first-child + div{display:none !important}
先找到该表格的最后一个单元格下的class="VB6tt"的元素，在找同级元素下的第一个div下的第一个div相邻的div（好绕口啊，+_+），将其隐藏。

hallelujah

gmail从来没注意到有广告啊

cqxiangyu

在打开每一封邮件的右侧会出现像google结果右侧一样的广告。
用了abp就不存在了，只剩下了“关于这些链接”几个字。我这是这样

ytzong

4# cqxiangyu
用了这个脚本后把“关于这些链接”也全部去了

无心石

没必要去掉吧。毕竟我们用着人家那么优秀的产品，留一点广告在那里也不过分啦

射手

这个脚本太爽了
不错 打开邮件右侧的广告没有了
增大了视野

congxz6688

不错的。赞一个。

我行我速

很简洁的代码，赞一个。不过文字广告的上端还有几个实用的按钮，能想办法用其他方式显示吗？比如排到Reply/Forward一排？

cqxiangyu

很简洁的代码，赞一个。不过文字广告的上端还有几个实用的按钮，能想办法用其他方式显示吗？比如排到Reply/Forward一排？
我行我速 发表于 2009-3-5 23:09

没错，这样就最好了

hallelujah

估计是我用了abp打开邮件和截图一样，都没广告

ytzong

很简洁的代码，赞一个。不过文字广告的上端还有几个实用的按钮，能想办法用其他方式显示吗？比如排到Reply/Forward一排？
我行我速 发表于 2009-3-5 23:09

已修改,enjoy!

凯杰

很好, 还有代码分析, 我喜欢, 楼主不如把那部分内容也转过来这边吧.

我行我速

已修改,enjoy!
ytzong 发表于 2009-3-6 13:41

很好，非常完美！

中国中央电视台

偶用GM的gmail air skin2样式 外带去广告

ytzong

很好, 还有代码分析, 我喜欢, 楼主不如把那部分内容也转过来这边吧.
凯杰 发表于 2009-3-6 17:55

最新版本的分析还没时间写，等写好了转过来，呵呵

我行我速

报告一个不好的消息，这个脚本会导致在独立窗口中邮件显示不正常（在阅读邮件时点击新窗口），麻烦楼主再改善一下。
原因大约就是tELAdc这个class在独立窗口中也用到了。

另外，Gmail邮件独立窗口中那几个按钮是放在邮件标题同一行的右侧，按钮的顺序与你脚本的排列好像是相反的。不过，应该还是你现在摆放的位置比较合理一点，标题+按钮占用的屏宽经常会超出一行的长度。

cqxiangyu

这回就不错了。

其实我感觉“全部打印”和“新窗口”两个按钮如果在邮件在右上角，就是紧挨着邮件的回复按钮上面会更好些。
那里也有空位，而且毕竟这两个按钮也是对单个的一封邮件来说的，离得进点儿好些。
个人想法。

我行我速

其实我感觉“全部打印”和“新窗口”两个按钮如果在邮件在右上角，就是紧挨着邮件的回复按钮上面会更好些。
那里也有空位，而且毕竟这两个按钮也是对单个的一封邮件来说的，离得进点儿好些。
个人想 ...
cqxiangyu 发表于 2009-3-6 23:12

这几个按钮是针对整个conversation的，不是针对单封邮件的。

ytzong

报告一个不好的消息，这个脚本会导致在独立窗口中邮件显示不正常（在阅读邮件时点击新窗口），麻烦楼主再改善一下。
原因大约就是tELAdc这个class在独立窗口中也用到了。

另外，Gmail邮件独立窗口中那几个按钮是放 ...
我行我速 发表于 2009-3-6 22:02

已修复

ytzong

这回就不错了。

其实我感觉“全部打印”和“新窗口”两个按钮如果在邮件在右上角，就是紧挨着邮件的回复按钮上面会更好些。
那里也有空位，而且毕竟这两个按钮也是对单个的一封邮件来说的，离得进点儿好些。
个人想 ...
cqxiangyu 发表于 2009-3-6 23:12

除了19楼的解释还有另外一个原因：如果邮件设置了标签（假设标签比较长，我都是按邮件地址作为标签，其他邮箱代收过来了），通过标签列表进入邮件后按钮那一排的分页会被挤下来（1024*768的分辨率），也就说按钮那一排东西有时候会比较多，放那里的话也会引起重叠

我行我速

2009-3-8更新：
1.加大正文字体为14px,加大行高为1.5
2.隐藏左侧聊天
ytzong 发表于 2009-3-5 15:19

隐藏聊天就没有必要了吧？

ytzong

22# 我行我速

代码里有注释，你把那行删了就好了

rushui999

我用的是better gmail 2再加上
http://userstyles.org/styles/12449
这个style，感觉是相当完美啊

ytzong

24# rushui999
这个确实不错，和我的效果差不多，早知道就不写了

rushui999

24# rushui999
这个确实不错，和我的效果差不多，早知道就不写了
ytzong 发表于 2009-3-13 09:09

呵呵，鼓励原创啊。

射手

我用的是better gmail 2再加上
http://userstyles.org/styles/12449
这个style，感觉是相当完美啊
rushui999 发表于 2009-3-12 19:01

说实话 不如ytzong的效果好

射手

24# rushui999
这个确实不错，和我的效果差不多，早知道就不写了
ytzong 发表于 2009-3-13 09:09

试用了下效果 不如这个好
太感谢了 贡献了这么好的东西

nettrottist

对，我也对比了两个脚本。发现还是楼主 的脚本界面效果很彻底清洁很好。这绝非奉承的意义。事实如此~
谢谢楼主提供给我们的原创作品。

我行我速

隐藏聊天：
.nH.pz.pA.pX + div + div + div{display: none !important;}
以撰写邮件为基准点，向下查找同级第三个div，将其隐藏。
这里的要点是相邻同胞选择器“+”
隐藏邀请同理。
ytzong 发表于 2009-3-5 15:19

这个做法有点问题，就是实际上Gmail的布局结构是可以调整的，Gmail Labs里有好多功能会改变左边栏的布局。我觉得这个脚本就把功能局限在去广告已经足够好了。

ytzong

多谢各位的鼓励。
根据楼上反映的问题又做了下修改，不知会不会引发新的问题