朝顔日記

「ミニはてなアンテナ」バー上げ(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 らしき文字列には自動的にリンクが張られます。また "<" や、">" は実体参照化されます。
スパム対策のため、リファラを切っていると投稿できません。

この記事の永続的 URI ならびに トラックバック ping URI
http://diary.noasobi.net/2002/11/diary_021112a.html