opera浏览器允许用户编写自己的css样式来让网页适应自己的阅读习惯,而且,这个样式是可以设置针对性的,比如可以设置样式只针对dimlau.com有效等等。不过这种针对性是针对域名的,而不能再细化到某个目录,比如dimlau.comdimlau.com/blog就不能分别设置样式了。

本文将要分享的是一个针对google reader移动版(google.com/reader/m)的样式表,主要是解决了google reader移动版浏览时某些字体过小的问题,顺便改了下配色,省电&不伤眼。

我订阅了很多rss,每天上线后先看看这些rss的更新成了必做的功课。为了阅读的时候不被网速影响,我一般使用google reader的移动版,因为它不但没有多余的js、页面很简洁,而且你还可以很方便地把这个移动版reader加入opera侧栏

不过郁闷的是google reader里的一些文章显示的时候字体很小,原因是css定义里有些元素的字体设置了font-size: smaller;,所以就想到用opera的自定义样式来解决,顺便也改一下配色,让显示更低调一些。

打开记事本,写入:

@charset "utf-8";
body {
    background:#777777;
    color:#F2F2F2;
}
.t {
    padding:3em;
    background:#919191 !important;
    color:#F2F2F2;
    padding:.6em;
    font-size:1.2em !important;
}
.f {
    color:#66B066 !important;
    font-size:1.2em !important;
}
.b {
    font-size:18px !important;
    line-height:1.5em !important;
    color:#F2F2F2;
}
.b p {
    font-size:18px !important;
}
.b a {
    color:#66B066;
    text-decoration:none;
}
a {
    color:#fff;
}
a:visited {
    color:#999;
    text-decoration:none;
}
td {
    font-size:18px !important;
    line-height:1.5em !important;
}

随便命名为xxx.css保存到某处,然后打开opera访问google.com/reader/m时右键单击,选择右键菜单里的“编辑站点首选项”,在弹出的对话框里选择“显示”标签栏,在“我的样式表”处选择刚才保存得css文件。

好了,以后再浏览google.com/reader/m时看到的界面就是这样子的了:

调整样式表后的google reader

PS.可以简单修改上述css内容让显示效果更符合自己口味,比如调整一下背景颜色等等。

添加到Q Q 书签
添加到百度搜藏

现有3条评论

锐风
2008-05-30,16:00

严重沙发..

Reply

锐风
2008-05-30,16:01

呵呵, 低调低调.. 不错..

Reply

dimlau
2008-05-30,16:46

@锐风 沙发靠背都给你准备好,呵呵

Reply

写文章点评本文 | 引用通告

http://kaix.in/cgi-bin/mt-tb.cgi/825.Tips:写日志时复制上述地址到引用通告栏,您的文章链接就会显示在此处。

Many Thanks

Submit comment

必填
必填

评论须知

  1. 我女儿以后也会来看我的blog,请不要让超过PG-13限制的内容出现在本站;
  2. 请尽量把自己要表达的内容一次性表达清楚,我有强迫症,看不懂的内容会让我抓狂;
  3. 评论内容不支持 HTML,你可以使用 Textile 语法来表现一些高级格式。
  4. 由于网速等原因,点击发布后有可能需要几秒钟的时间响应,请务必只点一次发布按钮