【NEW CSS】プロフィール内のボタン背景画像変更方法

オレンジの線で囲んでいる4つの画像のことです。

この画像の背景画像を変更していきます。

上の画像は結果です。

横幅128px 縦幅28pxです。

>

これら上の4つは自作画像なのでお持ち帰り自由です。

持ち帰り方法は

画像の上で右クリック→名前を付けて画像を保存

それか持ち帰らずに使用したい場合は、

青色画像URL： http://stat001.ameba.jp/user_images/20110810/20/menu-note/c6/84/p/o0128002811408017865.png 緑色画像URL： http://stat001.ameba.jp/user_images/20110810/20/menu-note/05/aa/p/o0128002811408014563.png 紫色画像URL： http://stat001.ameba.jp/user_images/20110810/20/menu-note/e4/3f/p/o0128002811408010023.png 黄色画像URL： http://stat001.ameba.jp/user_images/20110810/20/menu-note/0a/c6/p/o0128002811408006715.png

このURLをコピーしてお使いください。

下のCSSで使う場合はご自由に並び替えもOKです。

下記CSSを「CSSの編集」の一番下に貼り付けてください。

/*読者登録ボタン*/ ul.profileBtnArea a.readerBtn.skinImgBtnS{background-image:url(画像のURL); background-repeat:no-repeat; background-position:center;} /*アメンバー登録ボタン*/ ul.profileBtnArea a.amemberBtn.skinImgBtnS{background-image:url(画像のURL); background-repeat:no-repeat; background-position:center;} /*メッセージを送るボタン*/ ul.profileBtnArea a.messageBtn.skinImgBtnS{background-image:url(画像のURL); background-repeat:no-repeat; background-position:center;} /*プレゼントを贈るボタン*/ ul.profileBtnArea a.presentBtn.skinImgBtnS{background-image:url(画像のURL); background-repeat:no-repeat; background-position:center;}