JavaScript コメント 遊んでみよう・・?
こんどはコメント部分で遊んでみます?
フリープラグインに・・ 赤字部分を自由に変えてね
<script type="text/javascript">
<!--
$(function(){
$("#comment_module h3").html("米場所")
$("#comment_module .list a").html("コメントするならアメおくれ")
$(".comment_gotoform a").html(" [コメント記入欄を表示] ")
$("#comment_show h4").html("米はじぇったいにすること")
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
$(".lastItem input").attr("value","クリックよろしく!")
});
// -->
</script>
※枠内のメッセージは <br> で改行することが出来ます
枠内メッセージにはアイコン画像も使えます
もちろんメッセージの途中でもOKですよ・・アイコンを表示したい部分に<img src='アイコン画像のURL'>
※ " の中ですから 「 ' 」(シングルコーテーション)を使わないとエラーになります
※変更しない部分はその行を削除してください
たとえば・・変更するのは枠内だけでいい場合・・
<script type="text/javascript">
<!--
$(function(){
$("#comment_show h4").html("米はじぇったいにすること")
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
$(".lastItem input").attr("value","クリックよろしく!")
});
// -->
</script>
たとえば・・変更するのは枠内のメッセージだけでいい場合・・
<script type="text/javascript">
<!--
$(function(){
$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく!")
});
// -->
</script>
変更しない部分を("米場所")→("")なんてするとその部分が消えてしまいます
変更しない部分は該当行を削除してください
つぎはCSSですよ・・・
コメントの横の アイコンを変更する場合は・・
#comment_show h4{
background:url(アイコン画像のURL);
background-repeat:no-repeat;
margin-bottom:10px;
}
枠内のメッセージを中央寄せにする場合は・・
#comment_show p{
text-align:center;
}
一緒にプレゼントを贈ろう を消す場合は・・
#comment_present{
display:none;
}
コメント部分の過去記事も参考にして下さい
遊んでみようシリーズ?
JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
JavaScript メチャクチャ・・遊んじゃおう?