Hatena::ブログ(Diary)

Estoy Esperando, La Sensación de Estar

May 16, 2010

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

f:id:VienenBajando:20100517121658j:image

概要

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

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


インポート


ブラウザ確認

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

いずれも OSWindows XPWindows 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がかかっていたのを修正しました。

参照

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

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


murmur

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

投稿したコメントは管理者が承認するまで公開されません。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証