Estoy Esperando, La Sensación de Estar

「PsudoTitan」はてなダイアリーのデザインを自作

その他, はてな関連

概要

960px 準3カラム+フッターです。WordPress用のテーマを参考にしました。

ブログパーツやアドセンスなども貼りやすいかと思います。

インポート元

• はてなダイアリー公開デザイン「PsudoTitan」

ブラウザ確認

下記のブラウザで閲覧確認をしています。

• IE 8.0
• Firefox 3.6.3
• Safari 4.0.3
• Opera 10.53

いずれも OS は Windows XP、Windows Vista です。

既知の問題

• IEだと、表示崩れる。 後方互換モードで動作するための float バグ。周りこみを起こした要素に続く要素の width を指定しないことで対応。ただし、 img タグの padding が反映されないのは、 CSS での対処方法がないので、これは残ったままです。 「position:absolute;」で作り直しました。
• Opera 10.53 で閲覧したとき、はてなスターや Goole AdSense などの要素を追加する Javascript ファイルを実行したときに一部要素の上下マージンが無視される模様。Opera Dragonfly で、関係ない要素の margin を変える（変更前と同じ数値でも）と元通りに戻る。 上下の margin を padding に変換して対応。

変更

• May 21, 2010 : レイアウト周りを改良し、IEでのレイアウト崩れの対策をしました。
• May 24, 2010 : photoモジュールで、リストの中黒が表示されていたのを非表示に変えました。
• May 28, 2010 : twitter記法に対応しました。セクションフッターの画像のpaddingをなくしました。
• Jun 2, 2010 : その場編集時のtwitter用の画像にpaddingがかかっていたのを修正しました。
• Jul 1, 2010 : sectionfooterの画像にpaddingがかかっていたのを修正しました。

参照

デザインは、ほぼこちらを参考にしました。

• Titan Theme (thethemefoundry.com)

使用したアイコン素材はこちらです。

• More Free Pixel Icons at ExplodingBoy

murmur

いろいろと勉強になった。タグから考えるのではなくて、既に存在するタグをどう料理するかというのは、アイデアをひねり出す訓練にもなる。

Permalink | コメント(0) | トラックバック(1) | 20:15