eurekaのブックマーク - はてなブックマーク

チープカ - はてなダイアリーのspan.sanchor問題

はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました＾＾。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ

eureka 2007/08/24

css

リンク

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

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

eureka 2007/02/10

css

リンク

自分用 - チープカ

テーマ | 00:28 | やっぱロゴだなー。aboutとかarchiveページに個別に背景画像を作ったりする凝りようです。

eureka 2007/02/07

ロゴいいなあ

リンク

AQUA風ボタンの作り方リンク集 - チープカ

00:06 | いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを（主にはてブから）集めてみました。http://quarter.vis.ne.jp/books/log/eid329.htmlhttp://www.0range.cc/icon/tips/TIPS3/index.shtmlhttp://www.allef.com/gpx/aqua/index.phphttp://www.tutorialoutpost.com/count/2272http://www.tutorialoutpost.com/count/182http://home.zonnet.nl/epragt/tutorials/photoshop/shapesandobjects/aquabuttonprop6/index.jsp.htmhttp:/