[フリー素材] コメントボタン画像配布とカスタマイズ方法 | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

以前、やじるしフリー素材の募集をさせていただいたところ
コメントボタンを!とのご依頼をいただきましたので、
おちゃらけも含め12パターンほど作ってみましたハート

ちなみに参考として、当ブログは、02 を使用しております。

01
コメントボタン
02
コメントボタン
03
コメントボタン
04
コメントボタン
05
コメントボタン
06
コメントボタン
07
コメントボタン
08
コメントボタン
09
コメントボタン
10
コメントボタン
11
コメントボタン
12
コメントボタン


[ カスタマイズ方法 ]
いつものようにCSS編集画面にいき、下記水色内のCSSを最下段に追加します。
やじるしCSS編集方法の手順

01 の数字をお好きなボタンの数字に変更してくださいね。
FFFFFF の部分をご自分のブログの背景色と同じ色を入れてください。

#comment_show input#commentbutton {
background-color:#FFFFFF; /*背景色*/
background-image:url(http://amemari.cocolog-nifty.com/icon/cmtBtn01.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:60px;
width:250px;
margin:0;
padding:0;
text-indent:-9999px;
}
#comment_show {
border:none;
margin:0 auto;
padding:0;
width:250px;
}
#comment_module li.lastItem {
display:block;
width:250px;
}
#comment_show h4,
#comment_show p {
display:none;
}



※お願い※
こちらの画像をご使用になる場合は、番号とコメントとして残してくださいねキラキラ☆

お分かりになる方は、素材を持ち帰り、ご自身で管理してください。
画像がいつまであるか責任を負いかねますので。。。汗②


by ブログデザイナー@あめまり