A blog? with Σαιτω

Optimized for Opera Mini Opera User Preview in Opera Mini

Antenna my yahoo
グラフ Opera 系日記 - 方針 - about - twitter
Opera の情報は上の検索窓で過去ログからどうぞ
Home for all Opera fans.

 | 

2007-03-30 Fri

saiton2007-03-30

はてな

細いヘッダーが選べるようになったので変更。

はてな押し着せから変えたのは以下の部分。

#simple-header{padding:5px 0!important}
#simple-header img#logo-hatena {margin-left:2px}
#simple-header input.search-button, #simple-header ul li a
{color:#3f628e;font-size:70%}
  1. 行目 - 文字列の上下で隙間が違っているのが気になったので修正。
  2. 行目 - 左端 Hatena ロゴの左脇が空き過ぎていたので修正。
  3. 行目 - 淡い色の上に白抜きはコントラストが出ない/白抜き文字が嫌いなので修正。フォントは自分用なので小さくした。

コメントに従ってもう一行追加したが、手許の Firefox はキャッシュのクリア方法が分からないせいか未だ枠が出ている。

#simple-header a img{border:none}

Advanced - Network - Cache ですね。そこをクリアしたら枠が消えた。案外 Firefox って、Reload してもしつこくキャッシュを使う仕様だと知れて良かった。

  • それからもう一つ、@media handheld の {display:none} にも #simple-header を追加しておいた。
  • W-ZERO 3/[es]Opera は @media を手動で切り替えられたんでしたよね。

更に文字の重なりを幾らか回避するため、以下も追加。

#simple-header .search-form{margin:0 45% 0 0}
#simple-header ul{margin:0 0 0 45%}
  • 最初に Opera でボーダーが出ていなかったのは、作成者モードにおいても私の所では閲覧者側の規定するリンク表示設定を使うようにしてあったから。

ryuzi_kamberyuzi_kambe 2007/03/30 17:29 Hatena:: と Diary をそれぞれボーダーで囲っていらっしゃるようですが、例えば背景色にしてみてはどうでしょう?(おせっかいコメントすみません)

saitonsaiton 2007/03/30 17:35 Opera では出ないで放ってあるのですが、どこで指定したのか記憶にないので直しようがないのです。

nobodynobody 2007/03/30 18:15 div#simple-header a img {
border : none;
}

saitonsaiton 2007/03/30 18:17 nobody さん、それを指定していないと、ボーダーが出るのが正しい挙動なのでしょうか。

nobodynobody 2007/03/30 18:19 すいません、内容が抜けてしまいました。細ヘッダで枠線が出るのは例によってはてな側のおせっかいな設定のようです。なのでどこで指定したかご記憶にないのももっともだというお話。で↑に示したようなスタイル追加設定でかんべさんとかもご満足なのだと思うのですが、なんでまあ「はてな」はこういちいち利用者に手間をかけさせるかなあとも思うのでさいとうせんせいが放っておかれるのも、それはそれで一理あるような気もします。なお上記追加設定の情報源は[http://d.hatena.ne.jp/lovely/20070330/1175241264]さんです。毎回、長文でごめんなさい。

saitonsaiton 2007/03/30 18:30 解説ありがとうございます。ではボーダーが出るのは正しい挙動なのですね。

trickstar_ostrickstar_os 2007/03/31 03:49 aタグ内のimgにborderが出るのはレンダリングエンジンの一般的な動作です。aタグ内のテキストにはアンダーラインを、画像には枠線をというごく自然な挙動です。はてな側のおせっかいな設定ではありません。
これは標準的な動作ではあるのですが、見た目がイマイチなのであまり目にすることはありませんね。

CSSで、
img{border:none}
という指定をするだけで出なくなります。
昔はいちいち画像にborder=”0”を指定したりしてましたね。(いまだに見かけますけど。。)

 | 
2003|04|05|06|07|08|09|10|11|12|
2004|01|02|03|04|05|06|07|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|07|08|10|11|12|
2011|01|03|04|07|10|12|
2012|01|04|07|08|11|
2014|05|