アメンバー限定記事の画像を変えてみた。

前から思ってたんですけど、アメンバー限定のボタン？

みたいなのだけ変更してなかったので、ちょっと変えてみました。

ボタンの製作時間は10分くらい？ｗ

PhotoShopにて・・・

結論から言うと出来上がったのはこんな感じ。

とりあえずはまぁいいかｗ

いつもアメブロをいじるときはソース見てやってるんですけど、
今回はわかりやすかったし、素直に変わってくれたんでよかったですｗ
いつもなら悪戦苦闘・・・(-"-;

昔、めっちゃCSS長く書いてやってたきがするんですけど、
長い必要ないですよねｗ

【CSS】
/* アメ限 */

.amemberEntryBtn img {

display:none;

}

.amemberEntryBtn a {

background:url(画像URL) no-repeat;

display:block;

width:254px;

height:114px;

margin:0 auto 0 auto;

/* アメ限－End */

今思うとこれだけでよかったんですねｗ

解説すると、今回は画像を入れ替えてるんじゃなくて、
初期画像を見えなくして、

その上に自分で作った画像を入れてるみたいな感じですね。


（画像はFireFoxの３Dビュー機能）
こんな感じで上にのってる感じです。 

じゃあそれでわ！