myspaceのレイアウトをカスタマイズするウェブデザイナー！

cssを変更するのが面倒な仕様のサイトには便利なやり方。
用意する画像はメインとなるものと半透明にしたpng画像。 html：画像のタグは改行しないで続けてかくこと

<a href="#">
  <img src="jpg" alt="メイン画像" /><img src="png" class="imghover" alt="オーバー時用" />
</a>

css：平常時に二つ目の画像が隠れて上にかぶさっているのがマウスオーバー時にあらわれる仕組み。CSSでTooltipやプルダウンメニューを作る時と同じ要領。

img.imghover{
margin-left:-300px;/*画像の幅*/
margin-top:-300px;/*画像の高さ　レイアウトによって不要の場合あり*/
display:none;
}
a:hover img.imghover{
display:inline;
}

• Posted on 11/25/2009
• Filed under css

カーソルを合わせたときにpadding を大きくしその分marginをマイナスで調節。

a:hover{
-moz-transform:scale(1.25);
background:black;
color:white;
margin:-0.25em -0.5em;
padding:0.25em 0.5em;
}

• Posted on 10/06/2009
• Filed under css

wordpress をアップグレードするとたまに起きるバグ。
ページ編集画面に自分の制作したテンプレートがプルダウンで選べるはずなのに表示されない。解決法簡単。

1.管理画面 -> 外観-テーマ
「現在のテーマ」に何も選ばれてなければ利用可能なテーマの「使用する」を選択
（すでに自分のテーマが選ばれていればいったんデフォルトを選択
デフォルトをカスタマイズしてる場合はほかのテーマを選択）

2. 管理画面のページ編集にもどるとテンプレートを選択する項目が表示されるようになります。

参考URL:
Fix the Wordpress Missing Page Template Bug
Forums: Created Page Templates Missing

• Posted on 09/16/2009
• Filed under WebDev