チープカ - はてなダイアリーのデザインを作るうえでのtips
CSS | 01:06 | はてなダイアリーのデザインをいじる上ではてなダイアリー独自に気をつけなくてはいけないものについて例をあげてみます。DOCTYPE宣言が互換モードまず一番問題になるのがここでしょうか。気をつけなくてはいけないのはなんといっても「IEで見るとwidthにpaddingがふくまれる」という点です。これはIE7になっても変わりません。そのためwidthとpaddingを同居させた要素を記述した場合にIEと他のモダンブラウザでは表示が変わってしまいます。回避策で一番簡単なのは同じ要素にwidthとpaddingを同居させないということです。ただしはてなダイアリーの構造上h1とかでwidthとpaddingを一緒に使わざるを得なくなったりするのでそん時はハックするしかないです。はてなのヘッダを透明にするはてなのヘッダは配色がしやすいように、画像部が透過されるようになりました
虹 - チープカ
テーマ | 22:01 | 更新はしていませんがCSSは相変わらずいじっています。右側のアマゾンのリンクの商品が、いつの間にかジャケットに虹が書かれているものが並んでいたのでこんな感じで。結局は↓のイメージが強いですけどね。あと最近まだ4月だというのに雨降りすぎです。星の出来事アーティスト: クボケンジ出版社/メーカー: ワーナーミュージック・ジャパン発売日: 2006/04/05メディア: CDあ、Firefoxでずれてた・・・直した
connectをいじった - チープカ
connectをいじった かんたん | 11:14 | g:pico:keyword:cpk:d:connect2 connectテーマはヘッダの関係で左寄せにしかできないのですが、ヘッダがあっても中寄せできる方法に気づいたので、それを使ってconnectをいじってみました。上のキーワードにCSSを公開してますのでご自由にどうぞ。 またこのg:picoではキーワードでくせのあるCSSを公開しあっていますので、ご自由にお使いください。あと部員募集中！ http://pico.g.hatena.ne.jp/keywordlist 具体的にどんな風にしたかというと、例えば記事部が500px、サイドバー部が200pxだった場合に table{ width: 500px; position: absolute; top: 0px; left: 50%; margin: 0 0 0 -350px;
チープカ
23:08 | engawa boys pentatonic punk出版社/メーカー: de-Fragment発売日: 2008/09/09メディア: CDneco眠るのアルバムがいよいよ来週9月9日に発売！※この広告は30日以上更新がないブログに表示されております。 新しい記事を書くことで広告を消すことができます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてブの星を消すユーザースタイルシート（Firefox） - チープカ
はてなスターをとりあえず消す - チープカ
CSSのみのプルダウンメニュー - チープカ
透過GIFヘッダ作成者募集 - チープカ