JavaScript コメント 遊んでみよう・・? | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

JavaScript コメント 遊んでみよう・・?

こんどはコメント部分で遊んでみます?



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


フリープラグインに・・ 赤字部分を自由に変えてね

<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> で改行することが出来ます

枠内メッセージにはアイコン画像も使えます
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

$("#comment_show p").html("釦クリックしたら<br>コメント投稿画面が別窓で開くから<br>よろしく<img src='アイコン画像のURL'>")

もちろんメッセージの途中でも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;
}




コメント部分の過去記事も参考にして下さい


CSS コメント投稿の枠やボタンの変更

CSS コメント記入欄のボタンをかわいく・・

CSS コメント投稿欄を画像に

CSS コメント投稿欄を画像に2



遊んでみようシリーズ?

JavaScript 記事下foot 遊んでみよう・・?

JavaScript コメント 遊んでみよう・・?

JavaScript サイドバーの見出しタイトル 遊んでみよう・・?
JavaScript メチャクチャ・・遊んじゃおう?