コメントプラグイン使用申請スレッド | Ameblo Hacks2~ユニークなアメブロカスタマイズをあなたに~

コメントプラグイン使用申請スレッド

$Ameblo Hacks2

コメント欄にプロフ画像を表示するプラグインですが、使用申請受付を再開します!
とりあえず100人だけ募集しますので、使用希望の方はこの記事のコメント欄に100番以内にコメントしていただければ次回の承認作業で承認します!

では、どしどしご応募くださいませ~

※受付終了しました~
たくさん申請いただきました!ありがたや。
感想のコメントも頂いて嬉しいのですが、まだ募集中と勘違いされている方も多いので、一旦コメ欄閉じさせていただきます。
たくさんのコメント有難うございました。



使い方

●コメント欄の背景に画像を使用していない方
<link rel="stylesheet" href="http://navi-map.info/com_thumb/com_thumb_light.css" type="text/css"/>
<script type="text/javascript" src="http://navi-map.info/com_thumb/3/comment_thumbnail_light.js"></script>


●コメント欄の背景に画像を使用している方
まずCSS

#comment_module {
position:relative;
}

.prfphoto{
float:left;
margin-top:10px;/*写真の縦位置を調整*/
left:10px;/*写真の横位置を調整*/
width:75px;
position:absolute;
overflow:hidden;
margin-right:5px;
margin-bottom:5px;
border:dotted 2px #ddd;
background:#FFFFFF;
}

#comment_module .admin_comment .prfphoto{
float:left;
margin-top:10px;/*管理者コメントの写真の縦位置を調整*/
left:10px;/*管理者コメントの写真の横位置を調整*/
width:75px;
position:absolute;
overflow:hidden;
margin-right:5px;
margin-bottom:5px;
border:dotted 2px #ddd;
background:#FFFFFF;
}

.prfphoto img{
margin:21px;
}

#comment_module .comment_body{
padding-left:100px;/*コメント本文の位置(数字を増やすと右に寄ります)*/
padding-right:0px;/*コメント本文が右にはみ出る場合は数値を上げてください*/
}

#comment_module .admin_comment .comment_body{
padding-left:100px;/*管理者コメント本文の位置(数字を増やすと右に寄ります)*/
padding-right:0px;/*管理者コメント本文が右にはみ出る場合は数値を上げてください*/
}

#comment_module .label{
padding-left:100px;/*コメントタイトルの位置(数字を増やすと右に寄ります)*/
padding-right:20px;/*コメントタイトルが右にはみ出る場合は数値を上げてください*/
}

#comment_module .admin_comment .label{
padding-left:100px;/*管理者コメントタイトルの位置(数字を増やすと右に寄ります)*/
padding-right:20px;/*管理者コメントタイトルが右にはみ出る場合は数値を上げてください*/
}

#comment_module .comment_footer{
clear:left;
}

次にフリープラグイン
<script type="text/javascript" src="http://navi-map.info/com_thumb/3/comment_thumbnail_imgbg.js"></script>


これでOKです!

承認された方はもう使用できますので、お楽しみください!