チープカ - はてなダイアリーのデザインを作るうえでのtips

CSS | 01:06 | はてなダイアリーのデザインをいじる上ではてなダイアリー独自に気をつけなくてはいけないものについて例をあげてみます。DOCTYPE宣言が互換モードまず一番問題になるのがここでしょうか。気をつけなくてはいけないのはなんといっても「IEで見るとwidthにpaddingがふくまれる」という点です。これはIE7になっても変わりません。そのためwidthとpaddingを同居させた要素を記述した場合にIEと他のモダンブラウザでは表示が変わってしまいます。回避策で一番簡単なのは同じ要素にwidthとpaddingを同居させないということです。ただしはてなダイアリーの構造上h1とかでwidthとpaddingを一緒に使わざるを得なくなったりするのでそん時はハックするしかないです。はてなのヘッダを透明にするはてなのヘッダは配色がしやすいように、画像部が透過されるようになりました

[three_ce003]

はてなダイアリー

[webmarksjp]

webデザイン

[sippu]

参考になりました。

[asahaka]

ほほおー

[superartlife]

いつも勉強になります。

[anhelo]

はてなダイアリーのデザインのtips

[yoshiii]

はぅ。壁紙ダウンロードリンク集とかもあるー。

[Yuny]

なるほどね〜。

[jamg]

まったく関係ないんだけどファビコンが黒くて吃驚した。

[takupe]

Tool!!!

[kkobayashi]

この人のデザインは好き。はてなっぽくなくて。

[hideAki]

はてなダイアリーのデザイン

[mame-tanuki]

はてダっぽくなくカスタマイズされたブログ。

[Pandasista]

「チープカ」じゃなくて、「チプーカ」じゃないのか、この綴りは。

[wacky]

はてなダイアリーのデザインをカスタマイズするにあたっての注意点とTips。互換モード、ヘッダの透明化、aboutページ、base.cssの存在など。

[sqrt]

続きに期待。チープカさんならではの凄い情報が知りたい。