CSS コメント欄を飾ろう | 雑貨屋★YACCHIN商品更新情報館

CSS コメント欄を飾ろう

説明はのぶさんの所で
よく見て理解して一言コメントを残してからボタン変更
コメント欄の画像を反映させて下さい→



*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*
コメント欄 urlを入れると画像が出る

#comment_module .comment_footer a {
background-image : url(画像のアドレス) ;
background-position : right center ;
background-repeat : no-repeat ;
padding : 10px 45px 8px 0px ;
margin : 0px ;


赤文字の部分
padding : 17px 20px 8px 0px ;
左から   上   右  下  左

数字を大きくしたり、小さくして調整してください

上のタグはやっちん本館で表示させているヤツのコピー



*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*

コメント欄に画像を入れる

#readerList img {
visibility : hidden ;
width : 150px ;
height : 32px ;
}
#readerList dl a , #readerList dl a:link {
background-repeat : no-repeat ;
background-image : url(画像のURL) ;
font-size : 35px ;
}



*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*☆*★*

読者登録ボタンの変更

#readerList img {
visibility : hidden ;
width : 150px ;
height : 32px ;
}
#readerList dl a , #readerList dl a:link {
background-repeat : no-repeat ;
background-image : url(画像のURL) ;
font-size : 35px ;
}