Google Reader|有更宽广的阅读空间

  • A+
所属分类:[Office]

相信平常有订阅、阅读RSS习惯的朋友应该对Google Reader这个线上阅读器不陌生才是。姑且不论它的占有率以及与其它的RSS阅读器相比谁优谁劣,Google Reader发展至今它所提供的功能、执行效率以及稳定度都相对的较为成熟。

但一个好的产品总是有些美中不中的地方,往往因为这些小缺失而失去它原本该有的客户群,甚是可惜。Google Reader 虽然好用却也不是百分之百完美,主观地说,阅读RSS 内文的空间宽度以及字型大小就稍嫌窄和小了点,阅读体验并不是很好。如果相同的问体也对你造成困扰,甚至因而想另寻其它的替代方案,那么我在这里建议你,看完下面的小技巧之后或许能让你回心转意,Google Reader 也不会因此而失去它该有的忠实用户了(我会不会替它想太多了XD)。

请原谅我的偏心,以下的技巧只对Firefox 有效。

首先我们必需安装一个叫Stylish的扩件。简单地介绍一下,Stylish是一个可以让使用者自订网页样式的扩充插件,以另外一句话来说就是,有了它我们就可以随心所欲的让网页以我们喜欢的样式呈现,不管是背景、字型、行间距都可以配合我们的需要而改变。当然,在这里指的样式就是所谓的CSS,所以要修改的前提是网页必需以CSS排版;只要对CSS有基本的认识再配合Firebug这个神器,那么想要对某个网页进行大改造也就不是太困难了。

Stylish网页:https://addons.mozilla.org/zh-TW/firefox/addon/2108

安装完Stylish 之后会在Firefox 的状态列有一个像是记事纸上面有一只笔的图标,在该图标上面点左键再点管理样式,这时会出现如下图的小视窗。

modify-google-reader-css-with-stylish-1.png

按下左上角的「撰写」钮,这时会跳出一个新增样式的小视窗,在描述这个栏位里填上方便我们辨识的样式名称,例如Google Reader。然后在下面空白的区域里贴上下列的指令码以及CSS 原始码:

@-moz-document url-prefix(" http://www.google.com/reader") {.entry .entry-body {max-width:100% !important; font-size:16px !important; line- height:150% !important;}
}

最后再按下储存。

modify-google-reader-css-with-stylish-2.png

在上面的CSS 属性当中,我们可以自行修改属性值来让显示样式更符合我们的需求:

  • max-width: 100%:指最大宽度为100%,不管你的屏幕多宽,它一定会占满右边整个空间。这里可以用像素来表示宽度,例如500px。
  • font-size: 16px:指字型大小为16像素,如果不知道是多大的话,本博客文章字型就是16px。
  • line-height : 150%:指行高(或称为行间距)为150%,因为字型变大了,如果不增加行高的话文章会显得很拥挤。这里除了用百分比之外还可以用像素来指定行高,例如26px。

好了,那就让我们来看看Google Reader 改变前跟改变后的样子吧。

改变前:

modify-google-reader-css-with-stylish-3.png

改变后:

modify-google-reader-css-with-stylish-4.png

  • [微信]
  • weinxin
  • [支付宝]
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: