朝顔日記

私のメインブラウザはいまや 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）