opera浏览器允许用户编写自己的css样式来让网页适应自己的阅读习惯,而且,这个样式是可以设置针对性的,比如可以设置样式只针对dimlau.com有效等等。不过这种针对性是针对域名的,而不能再细化到某个目录,比如dimlau.com和dimlau.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时看到的界面就是这样子的了:

PS.可以简单修改上述css内容让显示效果更符合自己口味,比如调整一下背景颜色等等。
dimlau.com
锐风
2008-05-30,16:00
严重沙发..
Reply