コメント画像の設定

◆　コメント画像の設定


●　下記でＣＳＳを自動作成できますので利用してください。

http://ameblo.jp/new-blue-777/entry-11028627974.html



　①　コメント画像を設定

/* ----------------------------------------------------- */

/* コメント画像の設定 　　　　　　　　　　　　　　　　　 */

/* ----------------------------------------------------- */

.commentBtn{

background-color: transparent;/* 背景色 透明 */

background-image: url(画像のＵＲＬ);

background-repeat: no-repeat;

width:150px;/* 画像の幅を設定 */

height:40px;/* 画像の縦を設定 */

border:none;/* 枠なし */

text-indent:-8000px;

overflow:hidden;

outline:none !important;

}

②　コメント画像のロールオーバー

/* ----------------------------------------------------- */

/* コメント画像のロールオーバー設定 　　　　　　　　　　 */

/* ----------------------------------------------------- */

.commentBtn:hover{

background-color: transparent;/* 背景色 透明 */

background-image: url(画像のＵＲＬ);

background-repeat: no-repeat;

width:150px;/* 画像の幅を設定 */

height:40px;/* 画像の縦を設定 */

}