「ミニはてなアンテナ」バー上げ(w
2002-11-12
私のメインブラウザはいまや phoenix なわけですが、たまに opera も使います。その際、はてなアンテナをホットリストに入れて「ミニはてなアンテナ」にすると ウマーなわけです。で、あの狭いスペースで使う必要上どうしても文字サイズを小さくしないと見難い。ところがミニ用に最適化すると今度は phoenix で見難い。幸い見映えは css で設定しているので css を切って閲覧すればいいんですが、いちいち off するのも面倒くさい。そこで考えました。UAによるスタイルの切替えです。もっとも、全面的に切り替える必要も無いので、必要な部分だけ追加することにしました。
めったにさわらない JavaScript なるものを久々にいじることしばし。遂に完成しました!! というほどのものでもないですが。:p)
<script type="text/JavaScript">
if(navigator.userAgent.indexOf("Opera",0)!=-1){
document.write("<style type='text/css'>")
document.write("body{font-size:small;}")
document.write("li{font-size:x-small; padding-left:0; list-style-type:none;}")
document.write("li a{white-space:nowrap; font-size:small;}")
document.write("ol{margin-left:0; padding-left:0;}")
document.write("</style>")
}
</script>
これを、はてなアンテナの設定で「ページヘッダ」のところに付け加えました。すると、opera のみ字が小さくなりました。やた!
- ある程度調整した朝顔アンテナをoperaでみたところ
- hatena.png (約25KB)
「「ミニはてなアンテナ」バー上げ(w」へコメントをつける
- この記事の永続的 URI ならびに トラックバック ping URI
- http://diary.noasobi.net/2002/11/diary_021112a.html