<Home>

分享一个opera的用户样式表

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内容让显示效果更符合自己口味,比如调整一下背景颜色等等。

fin.

页面会变得很长么?期待。

锐风 2008-05-30,16:00 says: “回复”

严重沙发..

锐风 2008-05-30,16:01 says: “回复”

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

dimlau 2008-05-30,16:46 says: “回复”

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